欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

uni-app 使用編輯器創(chuàng)建vue3 項(xiàng)目并且運(yùn)行的操作方法

 更新時間:2023年01月28日 09:20:19   作者:馬丁的車夫  
這篇文章主要介紹了uni-app 使用編輯器創(chuàng)建vue3 項(xiàng)目并且運(yùn)行的操作方法,目前uniapp 創(chuàng)建的vue3支持 vue3.0 -- 3.2版本 也就是說setup語法糖也是支持的,需要的朋友可以參考下

3步快速 完成HBuilder X 創(chuàng)建uniapp 的vue3項(xiàng)目。

直接使用HBuilder X 創(chuàng)建uniapp 的vue3 項(xiàng)目開發(fā)跨平臺 廢話不多說!

作者經(jīng)過測試使用Vue3創(chuàng)建的uni-app項(xiàng)目 運(yùn)行到H5和PC 以及打包apk到安卓上使用都是沒有問題的。

目前uniapp 創(chuàng)建的vue3支持 vue3.0 -- 3.2版本 也就是說setup語法糖也是支持的(強(qiáng)烈推薦使用setup語法)。

1.打開HBuilder X 編輯器 創(chuàng)建項(xiàng)目 選擇uni-app 選擇默認(rèn)版本

創(chuàng)建項(xiàng)目完成 就是這樣的

2.找到項(xiàng)目根目錄 manifest.json 文件打開 修改Vue版本 選擇Vue3

選擇Vue版本 修改后 選擇后 運(yùn)行到瀏覽器

要等幾分鐘編輯器會自動安裝一個Vue3編譯插件 等待他安裝完成后 在重啟項(xiàng)目運(yùn)行網(wǎng)頁

3.使用Vue3.2語法

這個是 打包成安卓apk包 在模擬器安裝后運(yùn)行的 最終效果。

如果想知道,uniapp-vue3項(xiàng)目如何使用uni框架的其他獨(dú)有的生命周期,歡迎給我留言點(diǎn)贊,評論區(qū)告訴你,作者工作時間 都在線。

到此這篇關(guān)于uni-app 使用編輯器創(chuàng)建vue3 項(xiàng)目并且運(yùn)行的文章就介紹到這了,更多相關(guān)uni-app創(chuàng)建vue3 項(xiàng)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue組件jsx語法的具體使用

    vue組件jsx語法的具體使用

    本篇文章主要介紹了vue組件jsx語法的具體使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • Vue3實(shí)現(xiàn)通過axios來讀取本地json文件

    Vue3實(shí)現(xiàn)通過axios來讀取本地json文件

    這篇文章主要介紹了Vue3實(shí)現(xiàn)通過axios來讀取本地json文件方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • Vue中對數(shù)組和對象進(jìn)行遍歷和修改方式

    Vue中對數(shù)組和對象進(jìn)行遍歷和修改方式

    這篇文章主要介紹了Vue中對數(shù)組和對象進(jìn)行遍歷和修改方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • vue項(xiàng)目npm?run?build打包dist文件及打包后空白解決辦法

    vue項(xiàng)目npm?run?build打包dist文件及打包后空白解決辦法

    npm run build 這個命令會執(zhí)行Vue CLI中預(yù)定義的打包配置,并將打包后的文件存放在"dist"文件夾中,這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目npm?run?build打包dist文件及打包后空白的解決辦法,需要的朋友可以參考下
    2023-10-10
  • vsCode一鍵生成vue模板

    vsCode一鍵生成vue模板

    之前關(guān)于vsCode一鍵生成vue模,最近需要回顧,就順便發(fā)到隨筆上了,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • vue實(shí)現(xiàn)元素拖動并互換位置的實(shí)現(xiàn)代碼

    vue實(shí)現(xiàn)元素拖動并互換位置的實(shí)現(xiàn)代碼

    在使用Vue的場景下,需要實(shí)現(xiàn)對元素進(jìn)行拖動交換位置,接下來通過本文給大家介紹vue實(shí)現(xiàn)元素拖動并互換位置的實(shí)現(xiàn)代碼,需要的朋友可以參考下
    2023-09-09
  • Ant Design Vue 添加區(qū)分中英文的長度校驗(yàn)功能

    Ant Design Vue 添加區(qū)分中英文的長度校驗(yàn)功能

    這篇文章主要介紹了Ant Design Vue 添加區(qū)分中英文的長度校驗(yàn)功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下功能,
    2020-01-01
  • vuejs事件中心管理組件間的通信詳解

    vuejs事件中心管理組件間的通信詳解

    這篇文章主要為大家詳細(xì)介紹了vuejs事件中心管理組件間的通信,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • Vue指令的學(xué)習(xí)

    Vue指令的學(xué)習(xí)

    這篇文章主要介紹了Vue指令,Vue官網(wǎng)一共有提供了14個指令,下面我們就來詳細(xì)講解每一個指令的詳細(xì)內(nèi)容,需要的朋友可以參考一下
    2021-10-10
  • Vue項(xiàng)目實(shí)現(xiàn)html5圖片上傳的示例代碼

    Vue項(xiàng)目實(shí)現(xiàn)html5圖片上傳的示例代碼

    本文主要介紹了Vue項(xiàng)目?html5圖片上傳,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-01-01

最新評論