Javascript Vue.js中的同级组件与Vue路由器?
我有一些组件映射到几个不同的路由,我想知道在数据传递方式方面,为每个路由创建的组件是否被视为同级组件?不清楚此结构中的父组件是哪个组件:Javascript Vue.js中的同级组件与Vue路由器?,javascript,vue.js,Javascript,Vue.js,我有一些组件映射到几个不同的路由,我想知道在数据传递方式方面,为每个路由创建的组件是否被视为同级组件?不清楚此结构中的父组件是哪个组件: PageOne = Vue.extend( { template: "#page-one" }) PageTwo = Vue.extend({ template: "#page-two" }) Home = Vue.extend({ template: "#home" }) var router = new VueRouter() router
PageOne = Vue.extend( {
template: "#page-one"
})
PageTwo = Vue.extend({
template: "#page-two"
})
Home = Vue.extend({
template: "#home"
})
var router = new VueRouter()
router.map({
'/': {
component: Home
},
'/PageOne': {
component: PageOne
},
'/PageTwo': {
component: PageTwo
}
})
var App = Vue.extend({})
router.start(App, "#app")
因此,如果我想将数据从主页
路径传递到第一页
,我需要使用全局事件总线,还是可以使用道具将数据从一条路径传递到下一条路径?
下面是一个演示:您应该在Vuex中使用全局事件总线或状态管理,或者将它们设置为嵌套路由(): 如果这样做,您可以将道具传递给您的
:
router.map({
'/': {
component: Home,
subRoutes: {
'/PageOne': {
component: PageOne
},
'/PageTwo': {
component: PageTwo
}
}
}
})
<div id="app">
<router-view :foo="bar"></router-view>
</div>