注意事項(xiàng):
- vue3的組件寫法與vue2有區(qū)別,這導(dǎo)致插件市場(chǎng)眾多插件供置,包括uni ui谨湘,目前都無(wú)法用于vue3版本。
- vue3 響應(yīng)式基于 Proxy 實(shí)現(xiàn)芥丧,不支持iOS9和ie11(ie將于6月中旬下線紧阔,不支持也無(wú)所謂了)。
- 暫不支持新增的 Teleport,Suspense 組件续担。
- 暫不支持 template 下存在多個(gè)根節(jié)點(diǎn)擅耽。
- 小程序端暫不支持使用 Vite 編譯。
- 目前HBuilderX還未預(yù)置物遇,后續(xù)會(huì)提供支持
以上所說(shuō)用不到的可以選擇直接使用vue3秫筏,避免以后需要遷移。
uni-app簡(jiǎn)介:
來(lái)自官網(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