路由传参
"""
转跳：
<router-link :to="'/course/'+course.id">{{course.name}}</router-link>
路由：
{
path: '/course/:course_id',
name: 'detail',
component: Detail
}
获取：
this.$route.params.course_id
"""
"""
转跳：
<router-link :to="{name: 'detail', params: {id: course.id}}">{{course.name}}</router-link>
路由：
{
path: '/detail',
name: 'detail',
component: Detail
}
获取：
this.$route.params.id
"""
"""
转跳：
<router-link @click="routeAction(course.id)">{{course.name}}</router-link>
routeAction(course_id) {
this.$router.push({
name: 'detail',
params: {
id: course_id
}
})
}
路由：
{
path: '/detail',
name: 'detail',
component: Detail
}
获取：
this.$route.params.id
"""
仓库传参
"""
仓库：
export default new Vuex.Store({
state: {
course_id: 0
},
mutations: {
set_course_id (state, value) {
state.course_id = value
}
},
actions: {}
})
传递：
routeAction(course_id) {
this.$router.push('detail')
this.$store.commit('set_course_id', course_id);
}
路由：
{
path: '/detail',
name: 'detail',
component: Detail
}
获取：
create() {
window.console.log(this.$store.state.course_id)
}
"""
