Vue 2 和 Vue 3 的區別主要在以下幾個方面：

Vue 3 的模版編譯器有了全面升級，能夠提升渲染性能和代碼大小。使用了 monorepo 結構，代碼分割更細化，可按需加載，更方便二次開發。

VUE 3 移除了很多廢棄的 API，如 filters 、 inline-template 等，減少了重復代碼和不必要的復雜度。新的響應式系統能夠提高性能和可維護性，能夠更好地支持 TypeScript ，讓代碼更加健壯、可靠。

Vue 3 新的響應式系統
// setup 函數
import { ref } from 'vue'
export default {
setup() {
const count = ref(0)
function increment() {
count.value += 1
}
return {
count,
increment
}
}
}

生命周期函數和 API 也有變化，如 Vue 3 中的 render 函數被優化，事件處理函數綁定方式變更為 v-on 的語法結構，方便模板的書寫，同時支持了深度監聽、緩存、環境變量等功能。

Vue 3 render 函數使用
import { h } from 'vue'
export default {
render() {
return h('div', { class: 'red' }, 'Hello, Vue 3!')
}
}

總體來說，Vue 3 比 Vue 2 更靈活、更簡潔、更性能優化，但需要注意的是，需要升級到更高版本的 Webpack 才能支持 Vue 3 的使用。