如何在 Vue 中获取 ReactJS prevProps 和 prevState 等价物

Question

我想在每次更新状态中的某个值时发出网络请求。我希望仅在该特定值更改时才调用网络请求函数。在 React 中，我做这样的事情componentDidUpdate(prevProps, prevState){  if(prevState.update !== this.state.update){   // Fetch data...  }}如何在 Vue 中复制它，我可以从生命周期钩子中复制它吗？我似乎无法捕捉到以前的道具或状态值updated()

Answer 1

您可以使用观察程序。您也可以看看下面的例子：

new Vue({

    el: '#app',

  data() {

    return {

        message: 'initial message'

    }

  },

  watch:{

    message(newVal, oldVal){

        if(oldVal != newVal) {

        console.log('message updated.');

        console.log('oldVal:', oldVal);

        console.log('newVal:', newVal);

      }

    }

  },

  mounted() {

    setTimeout(()=>{

        this.message = 'updated message'

    }, 3000);

  }

});

这是jsfiddle

您可以阅读有关手表 API 的更多信息