位置: IT常识 - 正文
推荐整理分享对于<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官网)
友情链接: 武汉网站建设