Vue中插槽slot

slot插槽（别名：内容分发）：

作用：

• 混合父组件的内容与子组件自己的模板；
• 父组件模板内容在父组件作用域内编译；子组件模板的内容在子组件作用域内编译；
• 扩展组件能力，提高组件的复用性；

---

旧slot的写法：

需求：别人应用你的组件，比如导航栏，想自定义dom结构，因为不同的页面有些dom结构会有细微的差别；

插槽技术就可以满足你的需求：<slot></slot>

当你把<slot></slot>插在你的子组件template里，这时候你就可以在调用你子组件的时候，可以在子组件里插标签，显示你想显示的dom结构。

<child>
     <div>11111</div>
     <div>22222</div>
     <div>33333</div>
</child>

Vue.component("child",{
            template:`
            <div>
                child
                <slot><