父子通信:props down
1.父组件先定义一个自身的数据
2.父组件创建一个更改自身数据的方法
3.调用子组件时,父组件需要将更改自身数据的方法的引用传递给子组件(注意的点:方法的引用不要加小括号,否则会直接执行)
4.子组件需要通过props接收父组件传递来的方法的引用
5.最后通过绑定事件触发
子父通信:(event up)
前面与父子通信一样,区别在调用子组件时,给其绑定一个自定义事件(关键点是:每一个组件或实例都会有自定义事件和触发事件的能力),绑定父组件方法
因为没传入属性所以不需要props接收,直接将绑定在自身的自定义事件触发即可(通过$emit)
ref链
组件间不仅可以通过$root/$parent/$children来获取对应关系的组件(关系链)
父组件还可以主动通过ref为子组件做标记 也可以给dom做标记(通过$refs)
V-once
只渲染元素和组件一次,随后的重新渲染,元素组件及其所有的子节点将被视为静态内容并跳过。主要用于优化更新性能