mpvue开发小程序的那点小事

13次阅读

共计 952 个字符,预计需要花费 3 分钟才能阅读完成。

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 这个框架如果在开发时间成本的约束下,是具有一定的优势,如果在时间充裕的情况下,建议使用原生开发!

正文完
 0