mpvue使用入门

mpvue是一个类vue的小程序框架，帮助开发者提高效率，增加开发体验，开发者只需要熟悉vue的api语法使用即可上手。官方还提供了了基于@vue/cli脚手架的快速开发方式。执行

*** 作以上步骤即可初始化一个mpvue的初始化项目。这样mpvue的入门就完成了。

mpvue除了支持vue的生命周期钩子函数，还闹雹亩支持小程序的肆行生命周期钩子函数，官方建议 除特殊情况外，不建议使用小程序的生命周期钩子。

1. 如何获取小程序在 page onLoad 时候传递的 options

在所有 页面 的组件内可以通过 this.$root.$mp.query 进行获取。

2. 如何获取小程序在液森 app onLaunch/onShow 时候传递的 options

在所有的组件内可以通过 this.$root.$mp.appOptions 进行获取。

3. 如何捕获 app 的 onError

由于 onError 并不是完整意义的生命周期，所以只提供一个捕获错误的方法，在 app 的根组件上添加名为 onError 的回调函数即可。如下：

以下使用mpvue创建一个小程序

执行npm run dev 后可以看到生成 dist/wx的路径，将生成的文件目录导入小程序开发工具即可。

这样就搭建好了一个基本的mpvue小程序, 可以基于以上创建我们自己的项目。具体内容查看 github ，附上一张首页图

开发小程世李序的步骤如下：

 1. 注册开发者账号：在微信公众平台或支付宝开放平台注册开发者账号。

2. 下载开发工具或使用第三方小程序搭建平台：微信小程序需要使用微信开发者工具，支付宝小程序需要使用支付宝小程序亮返逗开发者工具。

 3. 创建小程序项目：在开发工具中创建小程序项目，填写小程序名称、AppID等信息。

 4. 设计小程序界面：使用设计工具进行小程序界面设计，如Sketch、Adobe XD等。

 5. 编写小程序代码：使用JavaScript或TypeScript编写小程序代码，实现小程序的功能。

 6. 调试敬卖和测试：在开发工具中进行调试和测试，确保小程序的功能正常。

 7. 提交审核：将小程序提交审核，等待审核通过后发布上线。

 8. 发布上线：审核通过后，将小程序发布上线，供用户使用。

                                 

使用编程开发小程序需要有一定的编程经验和开发经验，熟悉前端开发技术和框架，如HTML、CSS、Vue.js等，如果没有代码经验，可以选择第三方无代码小程序平台。

---