vue组件之slot插槽

关键词：slot

说明

为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为 **内容分发 **Vue.js 实现了一个内容分发 API ，参照了当前 Web 组件规范草案，使用特殊的 元素作为原始内容的插槽。

---

数据

    var vm = new Vue({
        el:"#box",
        data:{
            a:'秋风吹渭水',
            b:'落叶满长安',
            han:['思君令人老','岁月忽已晚','弃捐勿复道','努力加餐饭']
        },
        components:{
            "m-poem":{
                template:"#poem"
            }
        }
    })

模板

视图

    

        
        
{{b}}
            

            

            
            
{{a}}
        
        
        
    

---

slot插槽可不可以插入组件呢，我试了一下，也是可以的