vue路由跳转页面

目录

1、打开工程文件夹，cmd到命令窗口

2、安装vue-router

3、在src/router/index.js中创建路由器，并导出

4、在main.js中引入路由

5、声明router-view标签，展示组件内容

6、页面跳转

---

1、打开工程文件夹，cmd到命令窗口

2、安装vue-router

npm install vue-router@4

3、在src/router/index.js中创建路由器，并导出

import {createRouter, createWebHashHistory} from 'vue-router'

//导入组件
import Article from '@/view/Article.vue'
import Login from '@/view/Login.vue'

//定义路由关系
const routes = [
    { path:'/article',component: Article },
    { path:'/',component: Login }
]

//创建路由器

const router = createRouter({
    history:createWebHashHistory(),
    routes:routes
})

//导出路由

export default route