vant组件的引入方式
vue2.0引入
# Vue 2 项目,安装 Vant 2:
npm i vant -S
1.全局导入所有组件
注意:配置 babel-plugin-import 插件后,将不允许以这种方式导入组件
在main.js里面写入
import Vue from 'vue';
import 'vant/lib/index.css';
// 引入所有
import Vant from 'vant';
Vue.use(Vant);
// 引入单个
import { Button } from 'vant';
Vue.use(Button);
2.局部引入组件
注意:局部引入组件也得在全局引入css,main.js中引入
import 'vant/lib/index.css';
import { Button } from 'vant';
import { Grid, GridItem, Image } from 'vant';
......
components: {
[Button.name]: Button,
[Grid.name]: Grid,
[GridItem.name]: GridItem,
[Image.name]: Image
}