李成笔记网

今天给大家推荐一款用 vue.js 开发小程序的weui框架MpVueWeUI。

mpvue | 美团点评开源的基于 Vue 的小程序开发框架。

mpvue-weui 一个基于 mpvue 的小程序 UI 框架，保留了 weui 的视觉规范，旨在提高小程序开发体验，同时让用户的使用感知更加统一。

安装

$ npm i mpvue-weui -S

全局引入css

// 在 main.js 中引入 weui.css
import 'mpvue-weui/src/style/weui.css';

使用组件

<template>
  <mp-button type="primary" size="large" btnClass="mb15">默认按钮</mp-button>
</template>
<script>
  import mpButton from 'mpvue-weui/src/button'

  export default {
    components: {
      mpButton,
    },
  }
</script>

提供各种丰富的 类weui 组件及API调用

# 文档地址
https://mpcomponent.github.io/mpvue-weui/

# 项目地址
https://github.com/MPComponent/mpvue-weui

ok，感兴趣的小伙伴可以去看下哈。希望以上分享能有帮助到你！