當前位置:編程學習大全網 - 編程軟體 - Vue3-前端構建工具(Vue-Cli和Vite) & 計算屬性 & 偵聽器

Vue3-前端構建工具(Vue-Cli和Vite) & 計算屬性 & 偵聽器

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的組件作為模板的根標簽。

  • 上一篇:研究生保送需要具備的條件有些什麽?
  • 下一篇:扇貝英語和百詞斬哪個更好
  • copyright 2024編程學習大全網