注意事项:
- vue3的组件写法与vue2有区别,这导致插件市场众多插件,包括uni ui,目前都无法用于vue3版本。
- vue3 响应式基于 Proxy 实现,不支持iOS9和ie11(ie将于6月中旬下线,不支持也无所谓了)。
- 暂不支持新增的 Teleport,Suspense 组件。
- 暂不支持 template 下存在多个根节点。
- 小程序端暂不支持使用 Vite 编译。
- 目前HBuilderX还未预置,后续会提供支持
以上所说用不到的可以选择直接使用vue3,避免以后需要迁移。
uni-app简介:
来自官网的介绍:
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
官方推荐的开发工具:
HBuilderX:https://www.dcloud.io/hbuilderx.html
HBuilderX是通用的前端开发工具,但为uni-app做了特别强化。
下载App开发版,可开箱即用;如下载标准版,在运行或发行uni-app时,会提示安装uni-app插件,插件下载完成后方可使用。
如使用cli方式创建项目,可直接下载标准版,因为uni-app编译插件被安装到项目下了。
通过cli创建项目:
目前仅支持cli方式创建支持vue3默认模板项目。
- 全局安装vue-cli(若已安装则跳过)
npm install -g @vue/cli
- 创建vue3工程
vue create -p dcloudio/uni-preset-vue#vue3 my-vue3-project
- 创建好工程后,进入对应目录
cd my-vue3-project
- 将项目跑到微信平台
npm run dev:mp-weixin