Vue.js 单页面多路由区域操作的实例详解

发布时间：2020-12-17 02:52:51 所属栏目：百科来源：网络整理

导读：单页面多路由区域操作在一个页面中有两个及以上的区域，需要通过设置路由的index.js，来操作这些区域的内容 App.vue 中设置： index.js中设置： Vue.use(Router) export default new Router ({ routes : [ { path : '/',name : 'Hello',components : { def

单页面多路由区域操作

在一个页面中有两个及以上的区域，需要通过设置路由的index.js，来操作这些区域的内容

App.vue 中设置：

index.js中设置：

Vue.use(Router)

export default new Router ({
routes : [
{
path : '/',name : 'Hello',components : {
default : Hello,left : First1,right : First2
}
}
]
})

下面的设置是当url为/#/first 时，交换两个组件显示的位置

以上就是 Vue.js 单页面多路由区域操作，如有疑问请大家留言，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!