解决<router-view></router-view>未渲染出来的问题

解决<router-view></router-view>未渲染出来的问题_第1张图片解决<router-view></router-view>未渲染出来的问题_第2张图片问题就是这样,百度了下,发现许多人犯的错误是把routes写成了routers,但是我的单词拼写正确,在页面上就是渲染不出来

未渲染出来的问题.原因很简单。
**组件的声明**写在**VueRouter**的**后边了**,写在**前边**就好了。
![正确的写法](https://img-blog.csdnimg.cn/20200812094247400.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjMwMDQ1,size_16,color_FFFFFF,t_70#pic_center)
![正确显示组件](https://img-blog.csdnimg.cn/20200812094418254.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjMwMDQ1,size_16,color_FFFFFF,t_70#pic_center)

你可能感兴趣的:(vue路由新手学习,vue)