Vant(有赞前端团队Vue UI插件库)主要针对电商的一款插件
地址:https://youzan.github.io/vant/#/zh-CN/
1. cmd安装
先切换到项目目录
- npm i vant -S:这是简写形式。
- npm install vant --save:这是完整写法。
2. navBar的使用示例
a. main.js 导入
import Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant);
// import {Lazyload} from 'vant'
// Vue.use(Lazyload);
// 挂载懒加载组件LazyLoad
// import Vant from './assets/vant/index'
// import './assets/vant/index.css'
b. 使用
<van-nav-bar
title="标题"
left-text="返回"
right-text="按钮"
left-arrow
@click-left="onClickLeft"
@click-right="onClickRight"
/>
网友评论