关于Vue.js如何操作单页面多路由区域的实例分析

这篇文章主要介绍了 Vue.js 单页面多路由区域操作的实例详解的相关资料,需要的朋友可以参考下

单页面多路由区域操作

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

App.vue 中设置：

index.js中设置：

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

以上就是关于Vue.js如何操作单页面多路由区域的实例分析的详细内容，更多请关注Gxl网其它相关文章！