vue组件插槽与作用域插槽

1、在组件中加入自定义的html

slot标签为vue中特有标签，意为插槽，是指在组件中可以自定义插入dom；

//使用组件：

    
header
    
footer



//组件实现：
Vue.component('box-content',{
    template:`

        
        
main
        
    
`,
    data:function () {
        return{}
    },
    props:{

    }
});

2、作用域插槽

组件插槽中数据显示形式由父组件决定；：slot="main"为插槽名称，slot-scope="scope"自定义作用域名称，可随意定义

//使用组件

    



//组件实现：
    Vue.component('tem-slot',{
        template:  `

        
    
`,
        data:function () {
            return{
                rows:[1, 2, 3, 4, 5],
                title:'title'
            }
        },
    });