1. vue3 帶來(lái)了什么
- 性能提升
- 更小的體積
- 更快的渲染速度
- 源碼升級(jí)
- 使用 proxy 代替 defindPortery 實(shí)現(xiàn)響應(yīng)式
- 重寫(xiě)虛擬dom的實(shí)現(xiàn)鹏漆，和 tree-shaking
- 擁抱 TypeScript
- vue3更好的支持 TypeScript
- 新的特性
- 組合式 API (Composition API)setup 配置
- ref 和 reactive
- watch 和 watchEffect
- provide 和 injec
2.創(chuàng)建 vue3 工程
有兩種方法創(chuàng)建 vue3 工程 vue-cli 腳手架和 vite
2.1 使用 vue-cli 創(chuàng)建
##查看@vue/cli版本，確保@vue/cli版本在 4.5.0 以上
vue --version
## 安裝或者升級(jí)你的 @vue/cli
npm install -g @vue/cli
##創(chuàng)建
vue create vue_test
##啟動(dòng)
cd vue_test
npm run serve
2.2 使用 vite 創(chuàng)建
- 什么是 vite -- 新一代的前端構(gòu)建工具歪泳。以前的工具是 webpack香到。
- 優(yōu)勢(shì)
- 開(kāi)發(fā)環(huán)境無(wú)需打包脾歇，可以快速冷啟動(dòng)蚣录；
- 輕量快速的熱重載
- 真正的按需要編譯，不再等待整個(gè)應(yīng)用編譯完成
## 創(chuàng)建工程
npm init vite-app <project-name>
## 進(jìn)入工程目錄
cd <project-name>
## 安裝依賴(lài)
npm install
##運(yùn)行
npm run dev
