vite（法語單詞「 fast」，發音為/vit/）是由vue作者尤雨溪開發的一種新型的前端構建工具，可顯著改善前端開發體驗。
vite 現在的版本是2.0 beta，它預設建立的就是vue3.0的專案，詳細大家可以去github或官網進行了解
為什麼要使用vite來搭建vue3專案呢？
因為它很快（等下你就能見識到），也是vue作者推崇的
相容性說明我們先要確保自己的node.js版本》 = 12.0.0，在命令列使用vite需要node.js版本》 = 12.0.0
node -v就可以檢視node的版本
開始搭建，我們先進入想要新建專案的路徑
使用npm：
使用yarn：
按照提示進行操作
輸入專案名
接下來是選擇模板
到這裡新專案就搭建完成了
想要啟動專案，按照下面**塊依次輸入
cd projectname # 進入當前專案資料夾
npm install (or `yarn`)
npm run dev (or `yarn dev`)
npm run dev命令時，會發現它比webpack啟動速度快多了
這跟我們以前用vue-cli腳手架搭建專案的時候還是有區別的，vite預設埠是3000
vite預設不會讓你選擇路由、語法檢測以及單元測試等，所以這些需要我們後期手動安裝引入
Vue3使用總結
vue3官方文件 vue3使用文件 vue3學習筆記 名稱 作用區別 ref用於為物件新增響應式狀態，基本資料型別作為引數，返回乙個具有響應式狀態的副本。1 獲取資料值的時候需要加.value。2 可以理解為ref是通過reactive包裝了一層具有value屬性的物件實現的。3 引數可以傳遞任意資...
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不到引數，一定要改變道具和事件名稱...