在使用vue-cli的webpack-simple + vue-router时候,npm run

刚进公司实习,刚接触的项目需要用到vuex,今天跟着视频敲demo练习,却发现路由无法跳转,停留在App.vue页面,如图:

https://img2.mukewang.com/5c9349e50001663a08000743.jpg

下面是项目目录和路由配置文件:

https://img3.mukewang.com/5c9349e80001479a03000517.jpg

https://img3.mukewang.com/5c9349e900017b3d04020558.jpg

尝试在app.vue文件中添加router-link
https://img1.mukewang.com/5c9349ed0001726405390031.jpg

出现这样的错误:
https://img.mukewang.com/5c9349ef0001814208000091.jpg

看过vue-router官方文档,但仍然没有解决问题,不清楚出现问题的原因。


慕婉清6462132
浏览 602回答 2
2回答

猛跑小猪

webpack-simple缺少vue-router,需要手动npm install出现无法识别router-link的错误,是因为没有引入router解决办法一:添加import Router from 'vue-router'Vue.use(Router)解决办法二:构建自带router的webpack项目模板

慕妹3242003

路由地址已经跳转了没有加载对应的组件问题在于:1.router-view配置2.跳转Count组件初始化失败另外这个是vuex没有任何关系。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript