Vue2（十三）：路由-六、路由的params参数

其实呢套娃时传数据不只可以用query参数，也可以用params参数，params也是$route上的玩意儿

1.占位符声明

这里要注意，占位符的名字要和传的params参数的属性名一致，否则url会不显示噢

2.传参：两种方式

<!--1.跳转路由并携带params参数,to的字符串写法-->
<router-link :to="`/home/message/detail/${m.id}/${m.title}`">
	{{ m.title }}
</router-link>

注意：路由携带params参数时，若使用to的对象写法，则不能使用path配置项，必须使用name配置！

   <!-- 2.跳转路由并携带params参数,to的对象写法 -->
    <router-link :to="{
        // path: '/home/message/detail',
        name: 'xiangqing',  //params的话只能写name,不能写path
        params: {
            id: m.id,
            title: m.title
        }
    }">
        {{ m.title }}
    </router-link>

3.接收参数

<ul>
    <li>消息编号:{{ $route.params.id }}</li>
    <li>消息标题:{{ $route.params.title }}</li>
</ul>