本文内容：

uni-app项目的小程序端支持vue3，随着vue3的发布，可以使用vue来开发小程序，uni-app也逐步支持vue3。

目前小程序平台已经支持vue开发小程序，但是h5和App平台暂不支持。

vue除了支持vue3语法特性可以开发小程序外，uni-app独有的生命周期钩子支持API，如，...

以下是创建支持Vue3的uni-app项目的流程，以及使用中的一些注意事项，Vue3相关问题请关注Vue官方文档 Vue3中文文档。

目前仅支持cli方法创建vue3默认模板项目。

如果你之前没有使用过 vue-cli 创建项目，需要先安装 vue-cli，如果已经安装，请跳过第 1 步。

步骤一：全局安装 vue-cli

第 2 步：使用以下命令创建 vue3 项目

步骤3：创建项目后，进入相应目录

第四步：在微信平台运行项目

需要将编译好的文件dist/dev/mp-导入到微信开发者工具中才能运行，也可以将项目拖进去运行，方便在各个平台运行。

欢迎开发者报告使用此版本时遇到的任何问题。我们会积极收集反馈。

以后vue可以开发小程序了：

之所以不支持vue3的h5版和app版，主要是因为vue3组件中很多语法的写法发生了改变，导致uni-app的h5版基础组件库和app版基础组件库的写法与vue3不兼容。

当然，除了基础组件之外，插件市场（包括uni ui）里的所有插件都不支持vue3，即便是uni-app已经上线的vue3小程序版本，也不支持插件市场里的插件。

考虑到生态兼容的重要性，Vue 官方（优宇熙）计划在 2021 年 4 月中下旬推出新版本，兼容 Vue2 的语法，届时 uni-app 的 h5 版本和 app 版本也会同时上线，插件市场里的很多插件也会自动适配 uni-app 的 Vue3 版本。

vue与小程序vue的钩子函数对比：

：创作前

： 创造

：安装前

： 山

：变更前

： 改变

：破坏前

： 破坏

小程序的钩子函数：

：页面加载

：页面显示

：页面初始渲染完成

: 页面隐藏

：页面卸载

Vue 通常会在 或 中请求数据，Vue 可以开发小程序，在小程序中 Vue 可以开发小程序，它会在 或 中请求数据，

当vue将变量的值动态绑定到元素的属性上时，会在变量前面加上冒号。

小程序在将变量值绑定到元素属性时，会用两个花括号括起来。

Vue 使用v-if和v-show控制元素的显示与隐藏

小程序使用wx-if控制元素的显示与隐藏

Vue 使用 v-on: 来绑定事件，或者使用 @ 来绑定事件，以及 @.stop 来阻止事件冒泡

小程序使用(bind+)或者(+)绑定事件，防止事件冒泡

在vue中如下：

在小程序中可以使用以下vue来开发小程序：

在vue中的form元素上添加v-，然后在data中绑定对应的值

在小程序中通过this.({key:})将表单上的值赋值给数据中对应的值。

在Vue中，需要传递的数据需要在触发事件中作为参数传递。

在小程序中需要将参数作为属性值，绑定到元素上的data-上，然后在方法中通过e…*获取，完成参数传递。 Vue生命周期与小程序生命周期在使用Vue和小程序开发小程序时，Vue都可以开发小程序，你会发现生命周期钩子函数有一些相同和不同之处：

首先看下面的图片

以上就是8个vue生命周期钩子函数（用于vue开发小程序方便阅读，函数里注释了调用时间和方法）

以下三个生命周期钩子函数在保持活跃和识别子元素错误时被调用：

如上，在函数中对调用进行了注释，方便理解；

这是小程序常用的页面生命周期（在对应函数中使用注释）

以上是小程序其他页面功能

上面我们可以看出两个页面生命周期函数的相同点和不同点：

Vue 小程序都有页面创建、页面渲染、页面销毁的调用钩子，但是在小程序中，结合它的特殊存在，前后台执行、滑动滚动执行等钩子功能给开发者提供了更充分的便利。

另外需要注意的是，在vue中，数据变更直接使用this.data就可以进行变更，但是在小程序中，数据变更需要调用this.()来进行变更（见上图）vue就可以开发小程序了！

END 小程序开发教程 如何开发小程序 1.有两种方法，一种方法是自己开发，需要一定的基础，微信小程序虽然是腾讯出品，但是核心思想和Vue等框架是一样的。

2.申请注册微信小程序账号。注意：注册账号后会有一个微信开发者工具，新建项目时需要填写，否则很多功能无法使用，比如无法预览，无法上传等。

3、新建项目完成后就可以进入开发者工具进行编辑了，最难的就是写代码了，app.js、app.json、app.wxss三个文件的作用一定要了解清楚，这样对微信小程序的开发很有帮助，后面还有很多样式、功能等需要添加。

4.善于收藏精美的小组件，比如在微信开放社区上找到自己想要的组件，巧妙优雅地组装成自己的小程序。这样可以大大缩短制作时间。编辑完成后点击“提交”，填写小程序相关信息即可提交审核。注意：分类最好填写准确，这样可以更快通过审​​核。

5.还有一种方法就是使用一些可以一键生成小程序的工具，登录后进入选择需要的模板，做相应的修改即可。微信小程序框架分析微信小程序框架(Vue.js)

小程序开发框架的目标是让开发者能够以最简单、最高效的方式在微信中开发原生应用。

整个小程序框架体系分为逻辑层（App）和视图层（View）两部分，小程序提供自己的视图层描述语言

WXML，并可以开发小程序，以及

逻辑层框架vue可以用来开发小程序，提供了视图层和逻辑层之间的数据传输和事件系统，让开发者专注于数据和逻辑。