路由全局守卫——利用路由改变页面上面显示内容

最新推荐文章于 2022-06-04 21:40:34 发布

风继续吹&

最新推荐文章于 2022-06-04 21:40:34 发布

阅读量139

点赞数

分类专栏： vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_48930299/article/details/117571727

版权

本文探讨如何在Vue.js应用中使用路由全局守卫，动态改变页面内容。通过深入路由器配置，了解如何设置和应用这些守卫，实现页面显示内容的智能控制。

摘要由CSDN通过智能技术生成

在router里面


import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
   
    path: '/',
    name: 'Main',
    component: () => import('@/views/Main.vue'),
    redirect: '/main/a',
    children: [
      {
   
        path: '/main/a