安装
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 上挂载
d
i
a
l
o
g
等
方
法
,
直
接
使
用
t
h
i
s
.
dialog 等方法,直接使用this.
dialog等方法,直接使用this.dialog.alert({message: " 我是提示框哦~"})