Vuejs2 创建Vue组件的原因是什么？
我已经基于CMS中的服务器页面返回的数据实现了组件路由。摘要-在路由更改中，路径被发送到服务器，服务器返回该模板的模板名称和数据。模板名称映射到组件名称，然后组件名称使用数据。我看到的问题是，在更改布线后，在创建和显示目标组件时，原始组件（源布线）也会创建两次 下面是从服务器获取数据并使用它设置新路由的代码Vuejs2 创建Vue组件的原因是什么？,vuejs2,vue-component,vue-router,Vuejs2,Vue Component,Vue Router,我已经基于CMS中的服务器页面返回的数据实现了组件路由。摘要-在路由更改中，路径被发送到服务器，服务器返回该模板的模板名称和数据。模板名称映射到组件名称，然后组件名称使用数据。我看到的问题是，在更改布线后，在创建和显示目标组件时，原始组件（源布线）也会创建两次 下面是从服务器获取数据并使用它设置新路由的代码 router.beforeEach((to, from, next) => { if (!app) { next() return } // get pag
router.beforeEach((to, from, next) => {
if (!app) {
next()
return
}
// get page data from the server.
app.$store.dispatch('getPageData', to.fullPath).then(r => {
// check whether vue-router knows this route
// if not then map it to the right component
if (to.matched.length === 0) {
let component = mapTemplate(r.data.page.template)
// add the route (undocumented but intentionally released)
router.addRoutes([{path: to.path, component}])
// change to the same route now that vue-router knows it
next(to.fullPath)
return
}
next()
})
})
p-home.vuep-rtw-productsp-homevue路由器有人知道它为什么会这样做吗？有几点需要注意：最终的结果是使用正确的组件获得正确的数据，但我想了解无法解释的行为（除非我记录了生命周期挂钩，否则我不会注意到）。并且对上面的代码和日志进行了编辑，以使它们更加集中。如果有任何错误，请告诉我。您的组件是独立的还是“p-rtw-products”不知何故位于“p-home.vue”中？换句话说，“路由器视图”被称为“p-home”内部还是外部包装内部？其结构是每个
p-c-standard-pagec-standard-pagep-componentp-c-.vuep-rtw-productsp-home.vue