用 vue 写小程序，基于 mpvue 框架重写 weui

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 之后记录的，若是有说的不对的地方还但愿各位大佬指出，一块儿学习。