2021/12/20


一、插槽

 应该是有几个插槽就放几次

 

 3.作用域插槽

 

question:此处解构赋值组件内插槽传递过来的数据,为什么不需要使用 :scope = "{{games}}",但是通过props父组件传递给子组件的数据需要 :listobj = "listobj",不是都说标签内的属性值都是字符串吗,在Vue中需要加:后,才会执行""内的语句

 注意点:作用域插槽可以和默认插槽和具名插槽一起配合使用

组件之间通信的方法:

1.父组件传递给子组件props

2.通过在父组件定义一个函数,通过props传给子组件,子组件调用传入子组件的数据作为参数传递给父组件

3.通过自定义事件也可以实现子组件传递数据给父组件

4.通过全局事件总线可以实现任意组件的数据的通信

5.消息的发布与订阅也可以实现任意组件的数据通信

6.通过作用域插槽可以实现子组件给父组件传递数据,和props传递数据的写法相反。但是不需要写props属性接收,而是通过组件标签内的template标签写接收数据对象的语法接收

相关