二、Vant示例引入vant示例

一、安装Vant框架

1、如图

 2、安装

二、 按钮的使用 

1、更改全局样式和使用

代码如下：

import 'vant/lib/index.css'; 
import {Button} from 'vant';
Vue.use(Button) //在需要的页面中就可以直接使用，页面当中也无需再次引入

如图所示

 home.vue文件

如图所示

 效果如下：

 二、导航菜单使用

1、main.js

 

 代码如下：

import 'vant/lib/index.css'; 

import {Button ,Tabbar, TabbarItem } from 'vant';

//在需要的页面中就可以直接使用，页面当中也无需再次引入
Vue.use(Button).use(Tabbar).use(TabbarItem); 

test.vue文件

 

 代码如下：

效果：