27.Vue slot内容分发-解构

Vue slot的使用参考:26.Vue slot内容分发

什么是slot分发解构:
官方定义:如果一个 JavaScript 表达式在一个函数定义的参数位置有效,那么这个表达式实际上就可以被 slot-scope 接受

直观翻译:当数据在子组件内,slot的分发内容(DOM)是父组(外部组件)件传入,就可以使用slot-scope

案例:

1. 子组件 (slot定义)



2. 父组件(外部组件使用slot)



结果:

image.png

你可能感兴趣的:(27.Vue slot内容分发-解构)