位置: IT常识 - 正文
对于＜router-view＞标签的理解(对于异步电动机国家标准规定3kw)
发布时间：2024-01-14对于＜router-view＞标签的理解 
本文链接地址:https://www.jiuchutong.com/zhishi/295331.html
转载请保留说明！
推荐整理分享对于＜router-view＞标签的理解(对于异步电动机国家标准规定3kw)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:对于目标文件系统文件过大怎么办,对于目标文件系统文件过大怎么办,对于教师的定义,对于不回微信的人,这样做,尽显高情商!,对于出轨的男人怎么处理,对于不回微信的人,这样做,尽显高情商!,对于故意给差评的人可以怎么申诉,对于故意给差评的人可以怎么申诉,内容如对您有帮助，希望把文章链接给更多的朋友！
<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>参考文章：
路由标签之router-view理解_QB4040的博客-CSDN博客_router-view标签
上一篇：Vue使用pdf-lib为文件流添加水印并预览(vue显示pdf)
下一篇：Electron-vue 系列之自动更新与手动更新(electron-vue官网)
