注意事項(xiàng):
- vue3的組件寫法與vue2有區(qū)別,這導(dǎo)致插件市場眾多插件,包括uni ui,目前都無法用于vue3版本。
- vue3 響應(yīng)式基于 Proxy 實(shí)現(xiàn),不支持iOS9和ie11(ie將于6月中旬下線,不支持也無所謂了)。
- 暫不支持新增的 Teleport,Suspense 組件。
- 暫不支持 template 下存在多個(gè)根節(jié)點(diǎn)。
- 小程序端暫不支持使用 Vite 編譯。
- 目前HBuilderX還未預(yù)置,后續(xù)會(huì)提供支持
以上所說用不到的可以選擇直接使用vue3,避免以后需要遷移。
uni-app簡介:
來自官網(wǎng)的介紹:
uni-app是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web(響應(yīng)式)、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應(yīng)用等多個(gè)平臺(tái)。
官方推薦的開發(fā)工具:
HBuilderX:https://www.dcloud.io/hbuilderx.html
HBuilderX是通用的前端開發(fā)工具,但為uni-app做了特別強(qiáng)化。
下載App開發(fā)版,可開箱即用;如下載標(biāo)準(zhǔn)版,在運(yùn)行或發(fā)行uni-app時(shí),會(huì)提示安裝uni-app插件,插件下載完成后方可使用。
如使用cli方式創(chuàng)建項(xiàng)目,可直接下載標(biāo)準(zhǔn)版,因?yàn)閡ni-app編譯插件被安裝到項(xiàng)目下了。
通過cli創(chuàng)建項(xiàng)目:
目前僅支持cli方式創(chuàng)建支持vue3默認(rèn)模板項(xiàng)目。
- 全局安裝vue-cli(若已安裝則跳過)
npm install -g @vue/cli - 創(chuàng)建vue3工程
vue create -p dcloudio/uni-preset-vue#vue3 my-vue3-project - 創(chuàng)建好工程后,進(jìn)入對(duì)應(yīng)目錄
cd my-vue3-project - 將項(xiàng)目跑到微信平臺(tái)
npm run dev:mp-weixin