天天看點

provide vue 響應式_Vue.js中provide/inject實作響應式資料更新的方法示例

在Vue官方文檔中指出了provide/inject并不是響應式的:

provide vue 響應式_Vue.js中provide/inject實作響應式資料更新的方法示例

但文檔同時也說了: 如果傳入了可監聽的對象,對象的屬性還是可響應的

但在網上并沒有找到比較詳細的實作方法,是以隻能自己嘗試實作了:

實作代碼

//父元件
  provide() {
    return {
      toDetail: () => this.rowDetail
    }
  },
           
//子元件
inject: ['toDetail'],
created() {
    console.log(this.toDetail())
    }
           
vue