关于路由的引入

关于路由的引入

到底是mian.js中的new Vue{router:router}起作用还是App.vue的<router-view>在起作用???绕来绕去都晕了,还有为什么mian.js在引入组件的时候,根组件就在compenter中,那子组件怎么就不放在component里呢

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

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

2回答
好帮手慕星星 2020-08-19 14:07:55

同学你好,理解的没有问题,很棒!

祝学习愉快!

好帮手慕星星 2020-08-19 12:00:12

同学你好,路由引入是new Vue{router:router}起作用,但是没有App.vue的<router-view>,页面也不会有内容显示。

问题解答如下:

1、app.vue是根组件,模板中<router-view/>是显示出口,也就是页面内容都显示在div#app中

http://img1.sycdn.imooc.com//climg/5f3ca3090983a99504430143.jpg

2、app.js是入口js文件,new Vue()中挂载的components必须是根组件,是固定的,不能修改

3、路由需要先在router/index.js文件下引入注册,导出;然后在main.js中导入,挂载到new Vue()上

4、不同页面显示是根据浏览器路径地址决定的,但是页面内容都会显示在根组件div#app下

自己再测试理解下,祝学习愉快!

  • 提问者 慕雪9296518 #1
    老师我可不可以这样裂解,其实这个就是指的是单页面切换,其实都是在这个app.vue中显示的页面,当每次改变路由的时候,app.vue中的router-view也就相应的切换了内容,<router-view>只是为每个路由中的子组件作为一个展示出口
    2020-08-19 12:09:00
  • hyperse #2
    老师,是main.js是入口文件而不是app.js吧?
    2020-11-24 23:18:51
  • hyperse #3
    入口文件是main.js
    2020-11-24 23:19:10
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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