vue-router 安装和基本使用

1、安装

npm install vue-router --save

2、src下创建router文件夹并创建index.js文件 ----  /src/router/index.js

index.js

/*
 * @Description: web router
 * @Author: wangwz10@lenovo.com
 * @LastEditors: wangwz10@lenovo.com
 * @Date: 2020-05-28 15:48:40
 * @LastEditTime: 2021-02-04 10:34:28
 * @FilePath: /chatbot-h5/src/router/index.js
 */

import Vue from 'vue'
import Router from 'vue-router'
import PcIndex from '@/components/pc/layout/TheIndex'
import MobileIndex from '@/components/mobile/layout/TheIndex'

Vue.use(Router)
let router = new Router({
  routes: [
    {
      path: '/',
      name: '/',
      component: PcIndex
    },
    // webView
    {
      path: '/webView',
      name: 'webView',
      component: MobileIndex
    }
  ]
})

export default router

3、main.js 引入

import router from '@/router/index'