说明

在路由中增加了meta: { requiresAuth: true }，这表示这个路由需要认证用户登录了才能访问。

通过遍历 $route.matched 来检查路由记录中的 meta 字段，只要出现了requiresAuth，那便跳转到登录页

代码实现

接上一节的实例项目，我们接着测试路由元信息的使用。

1、修改 CartView.vue 代码

<template>
  <div>
    <h4>购物车</h4>
    <van-card
      num="2"
      price="2.00"
      desc="描述信息"
      title="商品标题"
      thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
    />
    <van-card
      num="2"
      price="2.00"
      desc="描述信息"
      title="商品标题"
  ...