组件之间通信方式

父子通信:props down

1.父组件先定义一个自身的数据

2.父组件创建一个更改自身数据的方法

3.调用子组件时,父组件需要将更改自身数据的方法的引用传递给子组件(注意的点:方法的引用不要加小括号,否则会直接执行)

4.子组件需要通过props接收父组件传递来的方法的引用

5.最后通过绑定事件触发


子父通信:(event up)

前面与父子通信一样,区别在调用子组件时,给其绑定一个自定义事件(关键点是:每一个组件或实例都会有自定义事件和触发事件的能力),绑定父组件方法

因为没传入属性所以不需要props接收,直接将绑定在自身的自定义事件触发即可(通过$emit)


ref链

组件间不仅可以通过$root/$parent/$children来获取对应关系的组件(关系链)

父组件还可以主动通过ref为子组件做标记 也可以给dom做标记(通过$refs)


V-once

只渲染元素和组件一次,随后的重新渲染,元素组件及其所有的子节点将被视为静态内容并跳过。主要用于优化更新性能

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。