router view（vue里面的router-view标签是什么意思）
本文目录
- vue里面的router-view标签是什么意思
- vue-router应用到组件中时报错Unknown custom element:
- vue中，既然
可以显示同级路由，子路由有什么意义 - Vue3 router-view 不生效了
- vue的一个组件中能有多个router-view吗
vue里面的router-view标签是什么意思
vue中的路由器视图标记指的是路由，这实际上是指向的意思。
例如，单击页面上的“主页”按钮时，主页的内容将显示在页面中。如果单击页面上的“关于”按钮，则页面中将显示“关于”的内容。home button=》home content，about button=》about content，也可以说是一个映射。
所以页面上有两部分，一部分是点击部分，另一部分是点击后的内容部分。点击后，如何实现正确的对应，必须在js文件中配置路由器视图路由。
扩展资料：
《router-view》《/router-view》路由配置示例：
{
path: ’/’,
name: ’index’,
component: index,
redirect:’/food’,
children:[
{
path: ’food’,
name: ’food’,
component: food
},
{
path: ’seller’,
name: ’seller’,
component: seller
},
{
path: ’rating’,
name: ’rating’,
component: rating
}
]
}
vue-router应用到组件中时报错Unknown custom element:
我是用 vue-cli+webpack 搭建的脚手架，做的单页面开发！！！
vue-router应用到组件中时报错：
: Unknown custom element: 《router-view》 - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in 《App》 at D:\wamp64\www\personalPro\mi\src\App.vue
main.js中：
App.vue中：
index.js中：
然后就是一直报错，我觉得应该是路由的问题，所以一直在修改所有关于路由的地方，
最后发现，在index.js中引入路由的路径出现问题，原本npm install ‘模块’后，模块会自动保存到node-modules文件夹下面，所以在文件引入的时候就可以直接写模块名，不需要填写相对路径(当然写也可以)，
但是，搭建脚手架后，index.js 文件在 src/router/ 下面，
所以将main.js 里面引入vue-router 的路径修改为 ./router ，就解决了错误。
vue中，既然可以显示同级路由，子路由有什么意义
一个场景，主路由是后台首页，登录，退出，自定义404，500页等，子路由就是每个栏目菜单以及其他操作项。
Vue3 router-view 不生效了
路径跳转之后路由所指定的主键没有出现在页面上。
在router-view标签中有内容，如下所示
router-view标签中不可以有内容，即使是注释也不可以
将router-view标签中的内容删除就可以了
vue的一个组件中能有多个router-view吗
一，不行(不合逻辑)。首先尝试理解路由 － 说简单点就是URL，那么对于浏览器而言，同一时间只有一个URL，那么所谓“多个router-view”还有什么意义呢？毕竟同一时间只有一个有内容，另一个如你所说“对应不同的URL”，里面肯定没内容的啊！
二，这应该不能说是作者的“意图”，而应该是路由的本意。当然同一个组件内可以有多个router-view，不过不是你描述的同级关系，而是嵌套，看文档nested
本文相关文章：
orlnsertbootmediinselected（我电脑开机显示这个是什么意思or insert boot media in select）
2026年10月10日 23:00
2026年10月8日 01:40
filtertec面料（filtertec和goretex哪个好）
2026年10月4日 10:10
jquerychildren第一个（jquery在向一个父div里添加子div时怎么判断是否是第一个子div）
2026年10月4日 00:30
2026年9月26日 20:40
internal friction（menbers,是什么意思）
2026年9月24日 09:50
jquery无刷新replace（jquery ajax 怎么实现无刷新改变页面的url）
2026年9月21日 06:00
webpack dev server（如何搭建webpack-dev-server）
2026年9月20日 15:10
更多文章：
2026年10月11日 07:00
2026年10月11日 06:00
在from子句中可以出现（如何在from 子句中嵌套查询下面的语句在access中出错！）
2026年10月11日 05:20
countif函数统计个数怎么用（countif函数怎么用 详解Excel中countif函数的使用方法）
2026年10月11日 03:30
正则匹配数字之前的字符（正则表达式如何匹配前面是数字、中间是“/”、后面也是数字，就像2/3专业的模式）
2026年10月11日 03:00
2026年10月11日 01:40
2026年10月11日 01:00
orlnsertbootmediinselected（我电脑开机显示这个是什么意思or insert boot media in select）
2026年10月10日 23:00
display的用法（display是什么意思 详解display的含义和用法）
2026年10月10日 22:00
html全部居中代码（怎么让网页居中显示，html如何让网页居中）
2026年10月10日 21:10
