Day30_路由的query参数

1.我在Message.vue里面写的数据太假了，我想让这些东西是真正拿数据遍历出来的

 

2.有人会有想法  那么这个消息001   ，消息002    ，消息003   肯定又要写三个路由组件作为导航区 

3.在index.js里面

 

4.目前的Detail.vue

 

5.目前的Message.vue里面

 

6.目前的效果图：

 

7.跳转的时候带点参数过去

1》图片分析

 2》探寻Detail组件里面的this.$route里面有什么？

 3》我们需要拿数据的时候

4》目前可以拿到写死的数据

 

5》如果想拿到  灵活的数据 

第一种写法（to 的字符串写法）

 

 第二种写法（to 的对象写法）    推荐写法

 总结：