2023年 VUE 3學習規劃

2021-10-16 19:20:59 字數 847 閱讀 2357

vue 3 官方文件

vue-test-utils單元測試

vue cli 4.x

vuex 4.x

vue router 4.x

element-plus

vant v3

vue 3最難理解的是組合式 api, 並且這個組合式 api對,vue-router,vuex有相應的影響和改變

私下學習我覺得,先搞清楚vue 3 的變更,和 組合式 api 再使用其生態,寫乙個demo, 總的來說相對於 vue 2.x使用者來說是相當好學的; 再次感嘆一下,vue 真的是寫的最全面的說明文件!!!

admin-vue3-element-plus

vue-element-plus-admin

vue3vant3demo-1

vue3vant3demo-2

v3vanttsvite

******-vite

vue3-ts-template-h5(按需載入、移動端適配(vw/vh方案))

vue3(一) ***方式的安裝以及簡單使用

vue3(二)工程化開發方式做專案全家桶和ui庫

vue3(三)*** + es6的import + 工程化的目錄結構 = 啥?

vue3(四)reactive vs ref(上)

vue3(五)reactive vs ref(中)

vue3(六)reactive vs ref(下)

vue3 組合式 api 的基礎 —— setup

vue3學習筆記

vue3 1.context.emit update xx props.xx 可 v model xx更新xx的值 個人記憶,雙向繫結 需要雙向改變的值 代替 vue2 sync 2.元件上繫結的事件預設是繫結第一層,可使用inheritattrs false 取消預設,在需要繼承的屬性的標籤使用v...

vue3學習總結

v model 2.x語法 title.sync oldvalue childcomponent this emit update title newvalue 3.x語法v model title oldvalue childcomponent 所有v model不到引數,一定要改變道具和事件名稱...

Vue3學習記錄(二)

vue2中有data computed method等,我們有時候尋找乙個變數或者函式就需要翻閱整段 vue3提出了組合式api,並且提出了可以使用組合式api的地方 setup。p click add 加1button div template import from vue export def...