Vue插槽

 

 

默认插槽

src/App.vue

src/components/Category.vue

具名插槽

src/App.vue

src/components/Category.vue

注意：只有可以使用v-slot:footer等价于

作用域插槽

src/components/Category.vue

src/App.vue

总结：插槽的使用者往插槽里面塞东西，但是作用域插槽，有一种感觉数据流逆着过去了 

{{atguigu}}是个对象

默认插槽与具名插槽：根据父组件的数据生成结构传递给子组件

作用域插槽：父组件根据子组件传递的数据生成dom 传递给子组件

解构赋值{games}解释：let {games}={'games':[数据]} ,这样直接用games就相当于数据