uni-app 使用编辑器创建vue3 项目并且运行的操作方法
更新时间：2023年01月28日 09:20:19 作者：马丁的车夫
这篇文章主要介绍了uni-app 使用编辑器创建vue3 项目并且运行的操作方法,目前uniapp 创建的vue3支持 vue3.0 -- 3.2版本 也就是说setup语法糖也是支持的，需要的朋友可以参考下
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框架的其他独有的生命周期，欢迎给我留言点赞，评论区告诉你，作者工作时间 都在线。
到此这篇关于uni-app 使用编辑器创建vue3 项目并且运行的文章就介绍到这了,更多相关uni-app创建vue3 项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
本篇文章主要介绍了vue组件jsx语法的具体使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了Vue3实现通过axios来读取本地json文件方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要介绍了Vue中对数组和对象进行遍历和修改方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
vue项目npm run build打包dist文件及打包后空白解决办法
npm run build 这个命令会执行Vue CLI中预定义的打包配置,并将打包后的文件存放在"dist"文件夹中,这篇文章主要给大家介绍了关于vue项目npm run build打包dist文件及打包后空白的解决办法,需要的朋友可以参考下2023-10-10
之前关于vsCode一键生成vue模，最近需要回顾，就顺便发到随笔上了，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
在使用Vue的场景下,需要实现对元素进行拖动交换位置,接下来通过本文给大家介绍vue实现元素拖动并互换位置的实现代码,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了Ant Design Vue 添加区分中英文的长度校验功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下功能，2020-01-01
这篇文章主要为大家详细介绍了vuejs事件中心管理组件间的通信，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了Vue指令，Vue官网一共有提供了14个指令，下面我们就来详细讲解每一个指令的详细内容,需要的朋友可以参考一下2021-10-10
本文主要介绍了Vue项目 html5图片上传，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
最新评论