<router-view>的含义:
<router-view>:路由容器
Vue 路由中的 <router-view> 是用来承载当前级别下的子级路由的一个视图标签;
此标签的作用就是显示当前路由级别下一级的页面。
<router-view>的作用:
就比如说App.vue是根组件,在它的<template>标签里使用<router-view>,而且配置好路由的情况下,就能在浏览器上显示子组件的效果;
子组件要想在页面中显示出来,一定要留好<router-view>容器,不然显示不出来;
如果这个子组件路由还有孩子路由,那也需要在子组件的<template>标签里使用<router-view>,这样就能在页面上显示子组件的孩子组件的效果;
注意:一定要使用这个<router-view>,不然页面效果就出不来
路由容器外面可以包着<section>标签:
<!-- 路由容器 -->
<section>
<router-view></router-view>
</section>
参考文章:文章来源:https://www.toymoban.com/news/detail-796574.html
路由标签之router-view理解_QB4040的博客-CSDN博客_router-view标签文章来源地址https://www.toymoban.com/news/detail-796574.html
到了这里,关于对于<router-view>标签的理解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!