vue 2 和 vue 3 的寫法區別主要表現在：采用 proxy 的響應式系統；使用 簡化組件定義；3.新增生命周期鉤子，如 onmounted；引入 composition api 提升模塊化；提供 v-model.number 等附加指令。
Vue 2 與 Vue 3 寫法區別
Vue 2 和 Vue 3 雖然都是 Vue.js 框架，但它們在語法和功能上存在一些差異，導致寫法區別。
主要區別：
1. 響應式系統：
Vue 2 使用 getter/setter 來實現響應式，而 Vue 3 則采用了 Proxy。Proxy 性能更高，并且可以通過檢查 has() 方法來檢測不存在的屬性，從而增強開發體驗。
2. 組件定義：
Vue 3 引入了新的語法來定義組件，即 。該語法允許將組件邏輯和模板定義在同一個文件中，簡化了組件定義的過程。
Vue 2 使用 options API 來定義組件，包括 data、methods、computed 和其他選項。
3. 生命周期鉤子：
Vue 3 新增了 onMounted、onUnmounted 和 onActivated 等生命周期鉤子，用于在組件掛載、卸載和重新激活時執行特定邏輯。
Vue 2 僅提供 mounted、unmounted 和 activated 鉤子。
4. Composition API：
Vue 3 引入了 Composition API，允許使用 composition functions 來定義和復用組件邏輯。這使得代碼更具模塊化和可重用性。
Vue 2 沒有 Composition API。
5. 模版語法：
Vue 3 引入了 v-model.number 和 v-model.trim 指令，分別用于處理數字和字符串輸入的格式化。
Vue 2 沒有這些額外的 v-model 指令。
其他差異：
Vue 3 使用 TypeScript 類型支持，而 Vue 2 沒有內置的類型支持。
Vue 3 中引入了 suspense 功能，用于處理異步數據加載。
Vue 3 中提供了更豐富的內置指令和 API。
結論：
雖然 Vue 2 和 Vue 3 都提供了用于構建 Web 應用程序的強大功能，但 Vue 3 在語法、響應式系統、組件定義和 Composition API 等方面做出了重大改進。這些差異導致了不同的寫法，開發人員需要根據項目需求和偏好來選擇合適的版本。
