mpvue开发小程序的那点小事

mpvue

mpvue是由美团点评团队开发的， 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现。

对于拥有Vue开发经验的开发者，使用mpvue开发小程序那是一种不错的体验。
与此同时还有一个叫wepy的东东，是一个类Vue的开发风格，但也仅仅是类似，并没有从像mpvue从底层改写。

mpvue的目录架构和使用vue-cli2搭建vue项目的架构可以说是基本差不多，大同小异，包含了

├── build
├── src
│ ├── components
│ ├── pages
│ ├── utils
│ ├── App.vue
│ └── main.js
├── config
│ ├── index.js
│ ├── dev.env.js
│ └── prod.env.js
└── static

其实使用mpvue开发小程序那种感觉和使用vue开发H5网页，只是对应的插件和API有所不同，当然mpvue也有很多坑在里面，在这里就和大家分享一下。

①·就目前来说，没有专属于mpvue的UI组件，当然可以把其他UI组件的代码复制过来也是可以的。
②·在跳转页面的时候，如果使用mpvue开发，那么跳转的之前页面的数据并没有重置，而原生小程序是会重置的，所以对于没有重置的数据，会带来一定的数据混乱隐患，需要去手动清除数据。
③·mpvue的性能问题，有人做过测试，根据实验的结果来看，mvpue的性能不太好，并且我自身在使用mpvue-parse解析富文本内容的时候，数据如果达到几十K，那么渲染的页面会很卡顿，包括JS的响应也很慢。
④·mpvue由于没有app.js，那么也就没有globaldata，对于全局变量，我们可以利用global对象来存储
⑤·在使用vue开发过程中，如果获取的ajax数据没有涉及到dom，我们一般会选择在created阶段中获取。但是在mpvue中，created的生命周期在APP Launch之前，如果选择在created获取数据的话，后果可想而知，所有页面的在首页进入的时候就会获取数据，所以在mpvue中，获取数据一般选择在mounted阶段。

mpvue这个框架如果在开发时间成本的约束下，是具有一定的优势，如果在时间充裕的情况下，建议使用原生开发!