路由传参

传递参数

新闻1

接受参数

• 通过$router对象上的params参数获取传递过来的id：$router.params:id

代码

-------------------------新闻页模板---------------------------


----------------------新闻详情页模板---------------------------------------------------

----------------------------引入模块---------------------------------
var NewsDetails=Vue.extend({
        template:'#nd',
        data:function(){
            return{
                arr:['firstone','sdfkj22','dsfk3','sdkjf4','df5kj','6sdj']
            }
        }
});

-----------------在与news**同级**下定义详情页路由----------------------------------
  {path:'/news/:id',component:NewsDetails},  //:id为新闻详情页配置路径信息