vue3建立專案(系列一)

2022-06-15 20:24:15 字數 1035 閱讀 2359

1.vue3.0-快速上手

- 建立vue3的3種方式

+ vue-cli

+ webpack

+ vite

我用 vite (尤自創的方案)

2.什麼是vite?

-vite是vue作者開發的一款意圖取代webpack的工具

-其實現原理是利用es6的import會傳送請求去載入檔案的特性,

攔截這些請求, 做一些預編譯, 省去webpack冗長的打包時間

-安裝vite

-利用vite建立vue3專案

-安裝依賴執行專案

cd projectname

npm install

npm run dev

2.vue3.0相容vue2.x

內容構造基本和 vue2 沒差。

另外 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...