3步快速 完成HBuilder X 創建uniapp 的vue3項目。
直接使用HBuilder X 創建uniapp 的vue3 項目開發跨平台 廢話不多說!
作者經過測試使用Vue3創建的uni-app項目 運行到H5和PC 以及打包apk到安卓上使用都是沒有問題的。
目前uniapp 創建的vue3支持 vue3.0 -- 3.2版本 也就是說setup語法糖也是支持的(強烈推薦使用setup語法)。
1.打開HBuilder X 編輯器 創建項目 選擇uni-app 選擇默認版本
創建項目完成 就是這樣的
2.找到項目根目錄 manifest.json 文件打開 修改Vue版本 選擇Vue3
選擇Vue版本 修改后 選擇后 運行到瀏覽器
要等幾分鍾 編輯器會自動安裝一個Vue3編譯插件 等待他安裝完成后 在重啟項目運行網頁
3.使用Vue3.2語法
這個是 打包成安卓apk包 在模擬器安裝后運行的 最終效果。
如果想知道,uniapp-vue3項目如何使用uni框架的其他獨有的生命周期,歡迎給我留言點贊,評論區告訴你,作者工作時間 都在線。
我是馬丁歡迎轉發和收藏。