命名视图来实现经典布局

所谓的经典布局,就是上面一个header,左侧一个侧边栏,右侧为内容的主题部分的结构布局

想要在一个页面显示多个占位标签,现在学到的东西还做不到

例:





    
    
    
    Document
    
    



    

页面显示,如下:

image.png

此时,我们输入路径三个占位标签都显示的是同样的内容,这不是我们想要的,思考一下,我们感觉应该有一个判断的机制,来控制显示的内容

想要分别显示不同的内容,此时我们的component属性,就无能为力了,这是我们可以借助components属性,这个属性是一个对象,里面可以自定义键值对,来链接我们的组件模板对象,然后,在元素中,添加一个name属性,这个属性的值就是我们在components对象中定义的键名





    
    
    
    Document
    
    



    

浏览器显示,如下

image.png

你可能感兴趣的:(命名视图来实现经典布局)