vue --- > 使用vue-router获取带参数的路由

希望的效果如下:

• 2个路由: 点击如下
  
  

步骤.

• 使用 router-link 来指定路由路径
• 在router.js中指定 路径的 事件处理函数(对应的组件)
• 创建对应的组件

router-link

• 找到一个区别各个列表的属性(id),将其作为参数传递到路由中
• to是vue-router中用来绑定路由的属性
• 由于需要进行计算(path + id),故需要将to改为 :to

// NewsList.vue
<router-link :to=" '/home/newsinfo/' + item.id ">
    <img class="mui-media-object mui-pull-left" :src="item.img_url">
        <div class="mui-media-body">
            <h1> {
  { i