main.js下
import Detail from '@/components/Detail.vue'
const router=new VueRouter({
routes:[
{ path: '/detail/:id', component: Detail }
//加上:id就可以实现只引入一个组件在多个相同组件之间切换
]
})
<router-link to="/detail/1">one</router-link>
<router-link to="/detail/2">two</router-link>
<router-link to="/detail/3">three</router-link>
Vue路由参数传递
本文介绍如何在Vue.js中使用Vue Router进行动态路由配置,并通过路径参数:id来切换不同的组件实例,实现单页面应用中组件的复用。
5040

被折叠的 条评论
为什么被折叠?



