vue的高級組件provide和inject的運用

provide的使用方法:
在父組件中定義provide
provide和data,methods同級
provide中返回值是一個對象,相當於將對象中的內容注入到子孫組件
子孫組件使用inject: [ 由provide鍵名組成的數組 ] ,來獲取父級組件的方法或者其他屬性
具體看代碼
父組件:

provide(){
return{
closeCurrent:this.closeCurrent,
reload: this.routeReload // 刷新當前頁
}
},
methods: {
closeCurrent () {
console.log("你好")
}
}
子組件:

inject: ["closeCurrent","reload"],
1
這樣在子孫組件中就可以使用closeCurrent以及reload這兩個方法了
使用父組件注入的內容也要通過this來訪問

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章