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"
/>