就是组件从创建到销毁的各个阶段
image.png
使用案例:
image.png
image.png
组合式API中的子传父
1.父组件中给子组件标签通过@绑定事件
2.子组件内部通过调用$emit方法触发事件
image.png
通过子组件定义的函数进行父组件的传值
组合式API 模板引用
通过ref标识获取真实的dom对象或者组件实例对象
1.调用ref函数生成一个ref对象
2.通过ref标识绑定ref对象到标签
作用和场景
顶层组件向任意底层组件传递数据和方法,实现跨层组件通信
image.png
跨层传递普通数据
1.顶层组件通过provide函数提供数据
2.底层组件通过inject函数获取数据
顶层组件
provide('key',顶层组件中的数据)
底层组件
const message = inject('key');
跨层传递响应式数据
image.png
同样也能传递方法
