第十一节、父子组件通信功能实现
(1)父组件通过props向子组件传值
1. Props自定义组件可以通过props声明属性,父组件通过设置属性向子组件传递参数,camelCase(驼峰命名法)的prop名,在外部父组件传递参数时需要使用kebab-case(短横线分隔命名)形式,即当属性compProp 在父组件引用时需要转换为comp-prop。
2.添加默认值,子组件可以通过固定值default 设置默认值,当父组件没有设置该属性时,将使用其默认置值。此情况下props属性必须为对象形式,不能用数组形式。
3. 数据单向性,父子组件之间数据的传递是单向的,只能从父组件传递给子组件,子组件不能直接修改父组件传递下来的值,可以将props传入的值用data 接收后作为默认值,再对data的值进行修改。
- 子组件的定义
- 父组件的调用
(2)父组件通过slot向子组件分发内容
1.普通slot 插槽分发内容
- 父组件调用