今天给大家推荐一款用 vue.js 开发小程序的weui框架MpVueWeUI。
![9d51d73d6a798b914490eab27aca1a20.png](https://i-blog.csdnimg.cn/blog_migrate/9f152310fe29049d95a65a1ff4136935.jpeg)
mpvue | 美团点评开源的基于 Vue 的小程序开发框架。
![7b8fba68ff9b4f188f5bd068ad6dc286.png](https://i-blog.csdnimg.cn/blog_migrate/61b0743fb5c5f0c2f4652cacc14688f2.jpeg)
https://github.com/Meituan-Dianping/mpvue
mpvue-weui 一个基于 mpvue 的小程序 UI 框架,保留了 weui 的视觉规范,旨在提高小程序开发体验,同时让用户的使用感知更加统一。
![39fcd1437c0b2d8190871cacff0dec43.png](https://i-blog.csdnimg.cn/blog_migrate/affcb2c4e71c6b44772478c665482326.jpeg)
安装
$ npm i mpvue-weui -S
全局引入css
// 在 main.js 中引入 weui.cssimport 'mpvue-weui/src/style/weui.css';
使用组件
默认按钮
提供各种丰富的 类weui 组件及API调用
![e07e9a3c64e1566db9f3f09105daeed0.png](https://i-blog.csdnimg.cn/blog_migrate/e5ec9bcc6531eec0760abc99f4bf45bb.jpeg)
![387f33cc75e1245ba2873cdfa9a9d979.png](https://i-blog.csdnimg.cn/blog_migrate/24e53e530206489737afa94ac1583d5f.jpeg)
![305dcbe9b62ccb8d8ea037562343ab8c.png](https://i-blog.csdnimg.cn/blog_migrate/75d4636e2d14064d87ab3ce156b91159.jpeg)
# 文档地址https://mpcomponent.github.io/mpvue-weui/# 项目地址https://github.com/MPComponent/mpvue-weui
ok,感兴趣的小伙伴可以去看下哈。希望以上分享能有帮助到你!