一、我们先来看下使用嵌套路由在router----->index.js里的配置，如图所示：
图一
二、这是我以前比较迷茫的地方，就是router-view的位置，到底在哪里加，什么时候加，这里我做一个详细的介绍
以vue-cli脚手架为例，我们都知道，在main.js中默认生成的是以App.vue为最底层页面
图二
但同时我们在router--->index.js中也可以看出来默认的首页其实是HelloWorld.vue,这是我们如何去控制HelloWorld.vue显示的位置呢，答案就是用router-view，于是我们会看到在App.vue中router-view的位置
图三
其实我们都小看了App.vue的作用了，假如每个页面的header和footer部分一样，我们完全可以在App.vue编写好header和footer部分，这样以后的每个页面都会有头部和底部
那么在嵌套路由中我们就很好理解router-view应该放在什么位置了吧，我们直接上图
图四
图五
第一部分： vue嵌套路由 嵌套路由是什么？ 嵌套路由就是在一个被路由过来的页面下可以继续使用路由，嵌套也就是路由...
前端路由的基本原理 vue-router的基本使用 命名路由 路由参数 嵌套路由
嵌套路由简易写法 Vue setInterval 使用 Vue 组件中添加监听 添加监听: handleGloba...
如上代码,vue中使用路由嵌套调试时控制台给出以下警告 vue-router.png翻译：命名路由“home”具有...
路由：vue-router 案例： 1.路由 2.路由的嵌套
vue-> SPA应用，单页面应用（引入vue-router.js） 路由嵌套(多层路由): 路由其他信息:
Vue-Router 原理实现 一、Vue-Router 动态路由 二、Vue-Router 嵌套路由 三、Vue...
一、我们先来看下使用嵌套路由在router----->index.js里的配置，如图所示： 二、这是我以前比较迷茫...
接上一篇，我们一起学习了vue路由的基本使用以及动态路由、路由嵌套以及路由命名等知识，今天我们一起来学习记录vue...
vue中4中路由包含： 1、动态路由2、嵌套路由3、编程式路由4、命名式路由 1、动态路由 2、嵌套路由 3、编程...
本文标题：vue之嵌套路由的使用
本文链接：https://www.haomeiwen.com/subject/zkwagxtx.html
网友评论