mpvue-weui

前言

上周美团开源了 mpvue 框架，他基于Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。what，小程序可以用vue写了？简直有点不太敢确定，花了5分钟看了一下简介，没错，真的可以用vue开发小程序。真的是**限制了我的想象力，明白又该学写了，于是就开始准备利用这个框架写一点项目，感受一下他的魅力(其实是踩坑)。

重写 WeUI

俗话说，第一个吃螃蟹的人，总要踩一些坑（俗话有这么说过？）。WeUI是微信的官方 UI 库，在小程序中或者移动端使用的非常多，那么就有了一些想法:用 mpvue 重写 WeUI。

mpvue-weui是什么

也许 mpvue-weui 的内容不像它的名字那么高大上，它不是一个UI库（原谅我霸占了这么好的名字），其实它就是一个 WeUI的 demo 库，就像 WeUI一样，只不过是基于 mpvue 框架重写了一下。

重写目的

其实重写的目的就是看看mpvue好不好用，里面有哪些坑，然后将它写成文档的形式，从而避免基于mpvue框架开发的人再次踩坑。

重写感受

当重写完了以后，发现最大的感受就是：

• 开发体验很棒，VSCode(IDE 自选)写代码，小程序开发工具开效果；
• 对小程序官方组件和 API 支持的非常完美；
• 快捷的 webpack 构建机制，开发过程中热更新.
• …

这次主要是重写 Weui，可能在自定义组件交互方面还没涉及，比如可以使用vuex进行状态管理，或者将来要支持vue-router。总之很好用，为美团点赞。

重写效果

踩坑文档

mpvue-weui 踩坑文档

tip: 文档会随着mpvue新语法或者新特性的更新而继续完善。

相关申明

1. 本项目mpvue-weui主要使用了 weui-wxss 中的相关文件，主要目的在于交流学习，如果冒犯了相关的开源协议，实属抱歉。
2. 这篇文档是自己在重写了 WeUI 以后记录的，如果有说的不对的地方还希望各位大佬指出，一起学习。