vue·项目引入Vant移动端Ui组件

vue·项目引入Vant移动端Ui组件

vue·项目引入Vant
官方地址 :https://vant-contrib.gitee.io/vant/v2/#/zh-CN/quickstart


1】项目下终端执行

npm install vant -save


2】在项目下main.js文件 ,引入Vant

import Vant from 'vant';
import 'vant/lib/index.css';
import 'vant/lib/icon/local.css'; //解决离线无网络环境中使用icon不显示的问题

Vue.use(Vant);

3】测试组件

<van-button type="primary" size="mini">主要按钮</van-button>
	<van-button type="info">信息按钮</van-button>
836 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注