Vue移动端UI组件库Vant

安装

npm install vant --save
// 或者
yarn add vant

引入

// 全局按需引入，在main.js中
import Vue from 'vue';
import 'vant/lib/index.css';
import { Toast, Picker, Button,} from 'vant';
Vue.use(Toast);
Vue.use(Picker);
Vue.use(Button);

//局部注册 
 components: {
    [Dialog.Component.name]: Dialog.Component
  }

注意：

框架内有组件和函数两种形式的。
函数形式的调用全局引入的话，是挂在到Vue 的 prototype 上挂载 $dialog等方法，直接使用this.$dialog.alert({message: " 我是提示框哦~"})