(学习笔记）uni-app+vue3简介，项目创建

注意事项：

• 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默认模板项目。

1. 全局安装vue-cli(若已安装则跳过）
   npm install -g @vue/cli
2. 创建vue3工程
   vue create -p dcloudio/uni-preset-vue#vue3 my-vue3-project
3. 创建好工程后，进入对应目录
   cd my-vue3-project
4. 将项目跑到微信平台
   npm run dev:mp-weixin