老师路由配置错误,请老师帮忙

来源:2-8 路由基础

慕仰5016471

2019-09-18

老师我创建项目的时候,没有用

vue create  项目名

我用的是

vue init webpack 项目名

我用如下方法配置以后,无论导航条,输入什么他都不会改变啦(差不多路由就失效啦):

http://img1.sycdn.imooc.com/szimg/5d8241df09a4d50917470825.jpg

http://img.mukewang.com/szimg/5d8241f60999783a19200914.jpg

http://img.mukewang.com/szimg/5d8242010962ca8718620923.jpg

运行结果如下

http://img1.sycdn.imooc.com/szimg/5d82423309b8777719201024.jpg

http://img.mukewang.com/szimg/5d8242460902726c19201012.jpg

我如果吧main.js中的一些参数删除掉的话,路由是可以运行,不过App.vue下面引用的组件会出现一些问题,删除后,运行结果如下

http://img.mukewang.com/szimg/5d8243e609ee036117470852.jpg


http://img1.sycdn.imooc.com/szimg/5d8242810966485f19200995.jpg

http://img.mukewang.com/szimg/5d82441e0917aa2c19201025.jpg

http://img.mukewang.com/szimg/5d8242a6091b0f2319201059.jpg

这是为什么呢?

该如何解决此问题呢?

写回答

1回答

慕仰5016471

提问者

2019-09-18

老师经过一份查阅资料,你看下我理解的对不对啊

main.js中运行

  el: '#app',

  router,

  components: { App },

  template: '<App/>'

    就是说,在根目录下的index.html中插入一个名叫App的局部组件,然后el:‘#app’,绑定的也是app.vue中的名为app的id的div

如果想解决我上面的问题,就需要在app.vue中写

<div id="app">

    <router-view></router-view>

</div>

现在也是半知半解,还请老师,指点迷津


0
0

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程