求帮助,Vue demo 设置Router 不能渲染router-view

新手上路,请多包涵

不说太多,直接上代码,这是我的Vue-router的demo代码,打开运行的时候router-view没有被渲染,看看谁能找出问题所在。
这是文件的目录

clipboard.png

index.html

clipboard.png
main.js

clipboard.png

App.vue

clipboard.png

index.js,这个文件是设置路由的,路由文件是放在一个名为router的文件夹里

clipboard.png

home.vue 这是其中一个子组件,其他都差不多的

clipboard.png

最后,谁知道是什么问题的,可以告诉我是哪里写错了,大家互相学习学习,十分感谢!!!

阅读 2.6k
4 个回答

1.new Vue实例的时候加上DOM元素的ID #app;
2.path需要加上斜杠,如下

{
    path: '/add-address',
    name: 'AddAddressPage',
    component: AddAddressPage,
},

path的前面补上/

解释一下一楼的回答:

{ path:"/home",component:home }
……

后面依次类推。

看到各位给的回答,感觉非常好,问题已经解决,不过我的解决方法是修改了<router-link>和path需要加上斜杠,还有就是重新搭建了环境,感觉vue cli3.0有点坑

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题