下载
cnpm i vue-router@next -D
配置路由router
index.js
import { createRouter, createWebHistory } from 'vue-router'
const routes = [
{
path: '/',
name: 'Main',
component: () => import('../views/main/index.vue'),
redirect: '/home',
children: [
{
path: '/home',
name: 'home',
component: () => import('../views/home/index.vue')
}
]
},
{
path: '/login',
name: 'login',
component: () => import('../views/login/index.vue')
}
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router
页面调用
import { useRouter } from "vue-router";
const router = useRouter();
const outLogin = () => {
router.push("/login");
};