一、 mpvue简介软件开发公司
mpvue:是由 好意思团点评团队出品的小门径开 发的一款基于 vue的框架， 从扫数这个词 Vue的中枢代码上经过二次开采而变成的一个框架，特殊于是给Vue自己赋能，增多了开采微信小门径的才略。
使用 mpvue开采小门径，你将在小门径时代体系的基础上赢得到这样一些才略：
l 澈底的组件化开采才略：擢升代码
l 圆善的 Vue.js 开采体验
l 通俗的 Vuex 数据经管决议：通俗构建复杂利用
l 快捷的 webpack 构建机制：自界说构建政策、开采阶段 hotReload
l 撑握使用 npm 外部依赖
l 使用 Vue.js 号令行器具 vue-cli 快速开动化格局
l H5 代码改变编译成小门径目标代码的才略
它的目标是：在将来最理念念的情状下，不错一套代码不错平直跑在多端： WEB、微信小门径、支付宝小门径、Native（借助weex）。不外由于各个端之间王人存在一些相比显然的各别性，从产物的层面上讲，不提议这样作念，这个框架的官方他们对它的期许的也仅仅开采和调试体验的一致
原生微信小门径、 mpvue、WePY这三种开采小门径方式的相比
二、mpvue开采经由
1、小门径账号设置
1）赶赴https://mp.weixin.qq.com/wxopen/waregister?action=step1把柄携带填写信息和提交相应的良友，央求小门径帐号。在菜单 “竖立”-“开采竖立”赢得小门径的 AppID 。
2）在菜单 “竖立”-“开采竖立”中设置管事器域名，必须是https发轫的域名
2、装置开采器具
赶赴 开采者器具下载页面 ，把柄我方的操作系统下载对应的装置包进行装置，联系开采者器具更谛视标先容不错检察 《开采者器具先容》 。
掀开小门径开采者器具，用微信扫码登录开采者器具，准备开采小门径。
软件开发3、mpvue生成格局
# 全局装置 vue-cli
龙头：最近10期出号 06 04 02 01 03 07 03 03 01 05，其中奇数球开出7个，偶数球开出3个，本期推荐偶数球：04。
值得一提的是，这也意味着阿根廷队已连续三届大赛打入决赛。分别是：2021年的美洲杯，阿根廷1比0击败巴西夺冠；2022的年世界杯，阿根廷在点球大战中击败法国捧起了大力神杯。
$ npm install --global vue-cli
# 创建一个基于 mpvue-quickstart 模板的新格局
$ vue init mpvue/mpvue-quickstart my-project
# 装置依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev
Npm run dev运行见效后，腹地目次下会生成一个dist文献，这个文献即是生成的小门径筹议代码。
在小门径中新建格局，填写上一步赢得的 appid，便于后头不错在手机上预览，真机测试，小门径的文献目次即是腹地格局目次的dist文献。
三、mpvue开采中的程序
1、人命周期函数
除了 vue自己的人命周期外，mpvue还兼容了小门径的人命周期，
app 部分：
onLaunch，开动化
onShow，当小门径启动，或从后台参预前台表露
onHide，当小门径从前台参预后台
page 部分：
onLoad，监听页面加载
onShow，监听页面表露
onReady，监听页面首次渲染完成
onHide，监听页面避让
onUnload，监听页面卸载
onPullDownRefresh，监听用户下拉行为
onReachBottom，页面上拉触底事件的处理函数
onShareAppMessage，软件开发公司用户点击右上角共享
onPageScroll，页面转化
onTabItemTap, 现时是 tab 页时，点击 tab 时触发 （mpvue 0.0.16 撑握）
珍视点 ：
created：这个钩子是有bug的，扫数页面的created函数会在格局加载的时期被一齐调用，并且参预页面的时期不会在被调用，是以这个函数基本就弗成使用了，用小门径的onLoad钩子代替
mounted：你若是从页面B复返页面A，页面A的mounted钩子不会被触发，因为页面莫得被再行加载，若是有需要每次页面展示王人要调用的逻辑，使用小门径的onShow代替
2、mpvue改变的部分法例
1) 微信小门径的页面的 query 参数是通过 onLoad 赢得的，mpvue 对此进行了优化，平直通过 this.$root.$mp.query 赢得相应的参数数据
2) 小门径里扫数的 BOM／DOM 王人弗成用，因此v-html 、 v-text 弗成用。
赢得节点信息，
3) 不撑握部分复杂的 JavaScript 渲染抒发式，咱们会把 template 中的 {{}} 双花括号的部分，平直编码到 wxml 文献中，由于微信小门径的才略为止(数据绑定)，是以无法撑握复杂的 JavaScript 抒发式。
当今不错使用的有 + - * % ?: ! == === > < [] .，剩下的还待完善。
<!-- 这种就不撑握，提议写 computed -->
<p>{{ message.split('').reverse().join('') }}</p>
4） 不撑握过滤器，渲染部分会转成 wxml ，wxml 不撑握过滤器，是以这部分功能不撑握。
5） 不撑握在 template 内使用 methods 中的函数。
6） 不撑握 官方文档： Class 与 Style 绑定 中的 classObject 和 styleObject 语法。
7） 不撑握在组件上使用 Class 与 Style 绑定，将class与style绑定在组件最外层div上
8） 列表渲染 需要珍视极少， 嵌套列表渲染，必须指定不同的索引！
<!-- 在这种嵌套轮回的时期， index 和 itemIndex 这种索引是必须指定，且别号弗成交流，正确的写法如下 -->
9) 小门径不撑握路由，因此，路由跳转使用小门径的页面导航 api代替
10） 赢恰现时页面地址
this.$route.fullPath-->getCurrentPages()[0].route
11） 接口复返参数结构养息，小门径的 request请求接口复返的数据会在外层添加一个data
12） 不撑握腹舆图片用作配景图，不错使用网罗图片、概况 base64，概况使用img、image标签
13） 上拉加载 /下拉刷新，罗致小门径的全局api，scroll-view中无法使用
14） 不撑握 css媒体查询，css边幅幸免标签选拔器，不易于珍爱
15） mpvue-wxParse富文本领略
1）装置npm i mpvue-wxparse
2)组件内