Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

1、列表页获取json数据   

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

1-1  页面调用数据,渲染页面

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

提示:json一定要放在static文件夹中

2、点击循环列表通过id跳转相对应的详情页

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

2-1   定义路由

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

2-2   详情页获取相对应id的数据,并渲染页面

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

2-3 获取数据   

{{data.company}}