关于router-view的问题

关于router-view的问题

<template>
  <router-view />
</template>

<script>
export default {
  name: 'App'
}
</script>

以上是App.vue的代码。在App.vue中讲课老师用了router-view标签,我现在有点不明白router-view是怎么知道要展示的内容在哪里的?是由于配置了router文件夹里的index.js文件吗?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小李 2023-12-05 09:34:42

同学你好,router-view它只是一个出口(可以理解为展示口)同学所说在index.js设置与其也是有关系的,但关系最大的是根目录如下:

https://img1.sycdn.imooc.com/climg/656e7d7109e0456509570468.jpg

另因为在main.js中我们在来看看代码逻辑:

https://img1.sycdn.imooc.com/climg/656e7dcd09d60ddf10630454.jpg

再来看看App组件:

https://img1.sycdn.imooc.com/climg/656e7dff095c3eef08110338.jpg

展示的是什么?

https://img1.sycdn.imooc.com/climg/656e7e1009dd0f0807020420.jpg

就是router中的第一项配置项

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师