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对象来存储

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