vue路由拦截，路由嵌套，

系列文章目录

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例如：第一章 Python 机器学习入门之pandas的使用

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 系列文章目录
• 前言
• 一、路由拦截
• 二、路由嵌套
• 总结

---

前言

实现页面拦截有原本的组件展示，比如必须登录才能跳转商品页面

---

例如：登录拦截页面

一、路由拦截

1.首先在你需要拦截的路由界面的配置字段中去添加一个额外的属性，例如自定义属性meta

  {

    path: '/cart',

    name: 'cart',

    component: () => import(/* webpackChunkName: "about" */ '../views/CartView.vue'),

    // meta属于路由元数据信息 给组件添加一些额外的属性  例如自定义属性

    m