vue3使用環境:Vue CLI 4.x以上,Node.js版本 8.9以上。
main.js
Vite 是壹個 web 開發構建工具,由於其原生 ES 模塊導入方式,可以實現閃電般的冷服務器啟動。使用 Vite 可以快速構建 Vue 項目。
Vite 需要 Node.js版本 12.0以上。
在Vue3中,定義計算屬性,需要引入computed組合式API。computed()函數的參數是壹個回調函數,回調函數的返回值,就是計算屬性的返回值。
在Vue3中,定義偵聽器,需要引入 watch組合式API 。
watch函數 有三個參數:① 偵聽誰,② 回調函數,③ 配置對象(可以省略)。如果監聽的是壹個對象/對象裏的某個屬性,第壹個參數就是壹個函數,由該函數返回指定對象中監視的屬性。
註意: watch監視對象,默認開始深度監視,並且無法關閉。所以直接監視整個對象不好。vue3建議我們,監視對象時,指定監視對象的屬性。如果監視的對象屬性也是壹個對象,默認不開啟深度監視,需要手動開啟。
watchEffect()監視器: 只有壹個回調函數參數,並且沒有參數。特點:① 該回調函數壹開始會執行壹次;② 不需要明確的去監視誰,回調函數裏面用到了誰,誰變了,就會重新執行回調函數。
在Vue2中可以定義過濾器,但是在Vue3中已經取消了過濾器。Vue3推薦我們使用方法 或 計算屬性的方式,實現之前過濾器的效果。
在vue3的模板中,不再需要根標簽,它內部有壹個fragment的組件作為模板的根標簽。