vue-router 安装和基本使用

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

回到顶部