vue初学者路由路径

安装vue-router

npm add vue-router

使用vue-router

1. 在js中引入

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

2. 配置路由

//定义路由
const routes = [
    { path: '/', component: () => import('./components/login/loginIndex.vue') },
    { path: '/index', component: () => import('./components/index.vue') },
    { path: '/index-test', component: () => import('./components/index-test.vue') },
];
const router = createRouter({
    history: createWebHistory(),
    routes,//定义的路由
})

3. 将路由加入到实例

use(router)

4.路由应用 ；
router-view 组件显示容器
router-link 链接