如何根据vue.js中的数据属性自动构建观察属性



我有标准的vue.js组件,我想将 data属性中的属性转换为观察者或我想基于 data属性属性构建一个 watch对象,自动

我的想法看起来像这样

 watch: {
    ...(() => {
      const watchers = {}
      Object.keys(this.$data).forEach(key => {
        watchers[key] = () => {
          new ProductNutrientUpdate(this).run()
        }
      })
      return watchers
    })(),
  },

这种方法的问题是this.$data尚未构建

也许有某种方法可以在 created钩中添加观察者?

在所需的嵌套钥匙值(。
请参阅:https://v2.vuejs.org/v2/guide/reactivity.html
然后,您可以使用update生命周期钩查看data的所有更改:https://v2.vuejs.s.org/v2/api/#updated

我能够使用以下方法解决挑战

created() {
    Object.keys(this.$data).forEach(key => {
      this.$watch(key, function() {
        // ... some logic to trigger on attribute change
      })
    })
}

最新更新