Mand Mobile 快速上手

Vue CLI 3(插件)(支持1.x/2.x) 创建项目：

vue create my-project
cd my-project

安装依赖包

npm install --save-dev vue-cli-plugin-mand
npm install mand-mobile --save  // 安装ui库

引入
一、按需加载(推荐)
在babel.config.js中配置

module.exports = {
  plugins: [
    [
      'import',
      {
        libraryName: 'mand-mobile',
        libraryDirectory: 'components'
      }
    ]
  ]
}

在 main.jsj最终按需引入

import { Button } from 'mand-mobile'
import 'mand-mobile/lib/mand-mobile.css'
Vue.component(Button.name, Button)

在组件中使用

<md-button type="default">Default</md-button>

二、全局引入
直接在main.js中

import mandMobile from 'mand-mobile'
import 'mand-mobile/lib/mand-mobile.css'

Vue.use(mandMobile)

在组件中使用

<md-button type="default">Default</md-button>