vue内容分发之插槽

插槽语法是vue实现的内容分发API,用于符合组件开发。该技术在通用组件库开发中有大量应用。
1.匿名插槽
子组件

父组件

hello

2.具名插槽
将内容分发到子组件指定位置
子组件

父组件

 
   

3.作用域插槽
分发内容要用到子组件中的数据
子组件

父组件

 

  
//来自子组件数据:{{slotprops.foo}}

你可能感兴趣的:(vue内容分发之插槽)