关于vue路由问题!!!难受的问题!!!

首先,这是我自己文件目录的结构
这里写图片描述
此时是我刚解决完路由问题,好气,让我改了那么久。。。
我刚开始是把所有的组件写在了app那个组件里面,但后面要配置路由,我就重写了一遍,然后把index页面作为我的首页,我把首页的所有组件都放在了index里面,这里写图片描述
这个是index的script标签里面内容,引进别的组件,并注册组件。
然后再是弄那个路由js文件这里写图片描述
呃呃呃,这里面你一定要注意拼写,当时我输出的时候写错了那个输出变量,这里写图片描述
当时用一个变量把所有的装在一起,但是两个名字有点像,我就把名字写错了,没有输出。。
还有一个问题就是,我把index当做首页,我给底下让他重定向index,但是我忘记引进index组件了!!1这是我的致命问题。。。
然后再说一下main.js和app.vue
main.js就是为了app.vue去服务的
这里写图片描述
这里写图片描述

Vue模块肯定要引进来,毕竟你所有的东西都要依赖他,vue路由肯定也要引进,啊为什么不引进别的组件呢,因为我们刚才已经他放在index里面了呀!!
你引进了路由,肯定要使用它,vue有自己的方法,所以不多说了。

恩!对还有个重要的问题。
重定向问题
这里写图片描述
当时我就说我的index为啥不出来呢,?原来是重定向问题,也就是那个redirect那个属性!!那个歌属性我加了之后,也就是说我们可以默认让页面是他!!具体的原理等我等会搞清楚在写,我先去上课。

总结一下,页面出来的问题:
首先肯定在main.js index,js 这两个文件去找,注意是否引进问题,注意是否拼写问题,注意路径问题!!!我的路径有点乱,等我改完代码后,重新说一说vue的路径问题!!先去上课啦~~~激动!拖了两个星期终于改好了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值