在我们之前写的路由代码里面，给每个路由只写了两个字段，path表示路由的路径，component表示对应的vue组件，这节课我们学习给路由添加它的信息

1.添加name属性

咱们直接上代码，看得更清晰

const routes = [
  {
    path: '/',
    component: index,
    name: 'index', // 增加
  },
  {
    path: '/list',
    component: list,
    name: 'list', // 增加
  },
  {
    path: '/userDetail/:id',
    component: userDetail,
    name: 'userDetail', // 增加
  },
]

现在给每个路由增加了一个name属性，它其实就是一个单纯的字符串，表明了我们路由的内容，
后面使用路由、判断路由的时候都有用，所以养成一个好习惯

在定义新路由的时候，顺手给它加上一个唯一name属性

2.添加meta属性

const routes = [
  {
    path: '/',
    component: index,
    name: 'index', 
    meta: {       // 增加
        title: '首页',
        keepAlive: true
    }
  },
  {
    path: '/list',
    component: list,
    name: 'list', 
    meta: {       // 增加
        title: '用户列表',
        keepAlive: true
    }
  },
  {
    path: '/userDetail/:id',
    component: userDetail,
    name: 'userDetail', 
    meta: {       // 增加
        title: '用户详情',
        keepAlive: true
    }
  },
]

meta官网的文档叫做路由元数据，我们可以把它理解为关于路由的额外信息，它是一个对象，里面的内容随我们写什么都行，我这里写了两个可能会用到的
title表示我们这个页面的名称，
keepAlive表示这个页面要不要缓存，缓存页面在深入学习中肯定会遇到的

虽然现在这节课增加的这些信息现在没什么用，大家还是一定要了解name和meta这个两个属性，因为后面一定会用到。