就是組件從創(chuàng)建到銷毀的各個階段
image.png
使用案例:
image.png
image.png
組合式API中的子傳父
1.父組件中給子組件標簽通過@綁定事件
2.子組件內部通過調用$emit方法觸發(fā)事件
image.png
通過子組件定義的函數(shù)進行父組件的傳值
組合式API 模板引用
通過ref標識獲取真實的dom對象或者組件實例對象
1.調用ref函數(shù)生成一個ref對象
2.通過ref標識綁定ref對象到標簽
作用和場景
頂層組件向任意底層組件傳遞數(shù)據(jù)和方法,實現(xiàn)跨層組件通信
image.png
跨層傳遞普通數(shù)據(jù)
1.頂層組件通過provide函數(shù)提供數(shù)據(jù)
2.底層組件通過inject函數(shù)獲取數(shù)據(jù)
頂層組件
provide('key',頂層組件中的數(shù)據(jù))
底層組件
const message = inject('key');
跨層傳遞響應式數(shù)據(jù)
image.png
同樣也能傳遞方法
