vant NavBar 头部导航切换（项目中）

效果

步骤

1. 下载
   

// Vue
// # Vue 2 项目，安装 Vant 2：
npm i vant -S

// # Vue 3 项目，安装 Vant 3：
npm i vant@next -S

2. 自动按需引入组件
   

// # npm 
npm i babel-plugin-import -D

// # yarn
yarn add babel-plugin-import -D

3. 配置及引入
   
   

// main.js
import Vue from 'vue'
import App from './App.vue'
import '@/mobile/flexible'  // 适配
import '@/styles/reset.css' // 初始化样式
import router from '@/router' // 路由对象

import {
    Tabbar