vue-router 安装和基本使用

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1、安装

npm install router" title="vue-router">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'

以上是 vue-router 安装和基本使用 的全部内容， 来源链接： utcz.com/z/377902.html

回到顶部