隨著 vue3 的發(fā)布，uni-app 也逐步支持 vue3。

目前小程序平臺(tái)已支持，h5、App 平臺(tái)暫不支持。

除支持 vue3 語法特性外，uni-app 特有的生命周期鉤子支持 Composition API，如 onLaunch，onShow，onLoad…

下面介紹創(chuàng)建支持 vue3 的 uni-app 項(xiàng)目的流程，以及使用中的一些注意事項(xiàng)。vue3 相關(guān)問題請(qǐng)關(guān)注vue官方文檔 vue3 中文文檔。

目前僅支持 cli 方式創(chuàng)建支持 vue3 默認(rèn)模板項(xiàng)目。

如果你之前沒有使用過 vue-cli 方式創(chuàng)建過項(xiàng)目，需要先安裝 vue-cli，若已安裝則跳過步驟 1。

步驟 1: 全局安裝vue-cli

npm install -g @vue/cli

步驟 2: 用如下的命令創(chuàng)建vue3工程

vue create -p dcloudio/uni-preset-vue#vue3 my-vue3-project

步驟 3: 創(chuàng)建好工程后，進(jìn)入對(duì)應(yīng)目錄

cd my-vue3-project

步驟 4: 將項(xiàng)目跑到微信平臺(tái)

npm run dev:mp-weixin

需要將編譯后的文件dist/dev/mp-weixin導(dǎo)入微信開發(fā)者工具運(yùn)行，也可將項(xiàng)目拖入 HbuildX 中運(yùn)行，方便運(yùn)行到各個(gè)平臺(tái)。

注意事項(xiàng)

• vue3 響應(yīng)式基于 Proxy 實(shí)現(xiàn)，不支持iOS9和ie11。尤其注意iOS9上，不管是App、H5還是各家小程序，均不支持。vue3自身計(jì)劃在第四季度開始解決這方面的問題。
• 暫不支持新增的 Teleport,Suspense 組件
• 暫不支持 template 下存在多個(gè)根節(jié)點(diǎn)

歡迎開發(fā)者反饋使用該版本遇到的問題，我們將積極收集意見。經(jīng)過一定量用戶的反饋后，官方會(huì)將其集成到HBuilderX中并適配H5和App。