今天小编就为大家分享一篇Vue模拟数据,实现路由进入商品详情页面的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

一、路由 首先需要配置路由，就是点击good组件进入goodDetail组件 配置路由如下 { path: '/goodDetail', component:goodDetail } 同时在good组件中写入如下点击事件，路由中加入查询参数，也就是商品的id //点击路由到商品详细信息页 selectGood(){ router.push({ path: 'goodDetail', query:{goodId:this.goodDetail.id}}) }