1.vue3.0-快速上手
- 建立vue3的3種方式
+ vue-cli
+ webpack
+ vite
我用 vite (尤自創的方案)
2.什麼是vite?內容構造基本和 vue2 沒差。-vite是vue作者開發的一款意圖取代webpack的工具
-其實現原理是利用es6的import會傳送請求去載入檔案的特性,
攔截這些請求, 做一些預編譯, 省去webpack冗長的打包時間
-安裝vite
-利用vite建立vue3專案
-安裝依賴執行專案
cd projectname
npm install
npm run dev
2.vue3.0相容vue2.x
另外 vue3 也是基本相容 vue2 的,過去的語法這裡依舊可以正常使用。
尚矽谷vue3文件;
官方vue3文件,
關於vue3的專案開源,
不錯的部落格;
vue3建立vue2 x專案
因為一些原因更新了node,再次安裝vue時,莫名的就vue3了。好吧,但是以前的專案還是vue2的,所以順便嘗試了下vue3建立vue2專案。首先是建立,以前是使用vue init建立,現在是vue create,然後在建立時,可以選擇2還是3 如果選擇3還有一些其它選項 比如是否安裝vue ro...
學習vue3系列生命週期
之前已經介紹了 vue3 的相關知識點 ref,reactive,computed,watch,watcheffect,toref,torefs 這些響應式的api,相信大家對 vue3 已經有一定的理解了。除了這些函式 vue3 還增加了些生命週期,可以直接匯入 on 一族的函式來註冊生命週期鉤子...
vue3中readonly家族(系列十二)
利用readonly封裝資料,遞迴唯讀 myfn 按鈕 列印情況 點選按鈕,儘管重新賦值了資料,但是並沒有更改資料,所以只能是唯讀的,並且是遞迴唯讀,層級深的資料也是沒有變化。而且頁面並沒有跟新 利用shallowreadonly封裝資料,非遞迴唯讀 myfn 按鈕 列印效果 此時,只對最外層資料n...