命名视图
vue router 里有一个 模式叫做 命名视图
本来一个页面里面只能有一个路由视图 对应 一个组件,现在可以多个路由视图 对应 多个组件。
出错点
点击标签之后,<router-view></router-view>中并没有内容出现。反而控制台中报错了。
![[Vue warn]: Failed to mount component: template or render function not defined.解决方案 [Vue warn]: Failed to mount component: template or render function not defined.解决方案](http://upload-images.jianshu.io/upload_images/10826688-5c8d7dbbc076863c.png)
原因
![[Vue warn]: Failed to mount component: template or render function not defined.解决方案 [Vue warn]: Failed to mount component: template or render function not defined.解决方案](http://upload-images.jianshu.io/upload_images/10826688-a232ecc4677e2208.png)
就是在写这里的时候,原来都是component,现在是components,多了一个s。
.
vue router 里有一个 模式叫做 命名视图
本来一个页面里面只能有一个路由视图 对应 一个组件,现在可以多个路由视图 对应 多个组件。
点击标签之后,<router-view></router-view>中并没有内容出现。反而控制台中报错了。
![[Vue warn]: Failed to mount component: template or render function not defined.解决方案 [Vue warn]: Failed to mount component: template or render function not defined.解决方案](http://upload-images.jianshu.io/upload_images/10826688-5c8d7dbbc076863c.png)
![[Vue warn]: Failed to mount component: template or render function not defined.解决方案 [Vue warn]: Failed to mount component: template or render function not defined.解决方案](http://upload-images.jianshu.io/upload_images/10826688-a232ecc4677e2208.png)
就是在写这里的时候,原来都是component,现在是components,多了一个s。
.
相关文章: