个人笔记-----Vue中url传参【如有不对，欢迎指正】

url传参

url传参主要分三个步骤，
1，在router.js中进行配置
2，<router-link>标签里面的 to 属性里面进行参数传递，
3，在页面里面接收这个参数，

例：给about页面传参
在router.js文件里about 下面的path里面进行，比如像传递id和title，要用:id 和 :title

router.js文件
-------------
routes: [
    {
      path: '/about/:id/:title',
      name: 'about',
      component: About,
    }
 ]

在<router-link>标签里写入参数

app.vue页面
-----------
<router-link to="/about/2019/5月1号">Home</router-link>

在about页面接收参数

about页面
---------
{{$route.params.id}}<br>
{{$route.params.title}}