View学习笔记

vue-router命名视图

1. 问题描述：当我学习使用多个命名视图时，发现怎么都不能正常编译。
2. 错误信息：error:Failed to mount component: template or render function not defined.
3. 错误原因：一个路径中包含多个视图组件时，使用components，而不是component去定义。
4. 解决方案：www.jianshu.com/p/4d61f71de…

<div class="views">
    <router-view class="sidebar" name="sidebar"></router-view>
    <router-view class="view-default"></router-view>
</div>

routes = [
    {
        name: 'Home',
        path: '/',
        components: { default: Home, sidebar: Sidebar }
    },
]