vue的侦听器

时间:2025-01-19 07:36:32

首先要了解侦听器的作用

Vue 通过 watch 选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。

具体的写法如下:

var watchExampleVM = new Vue({
  el: '#watch-example',
  data: {
    question: '',
    answer: 'I cannot give you an answer until you ask a question!'
  },
  watch: {
    // 如果 `question` 发生改变,这个函数就会运行
    question: function (newQuestion, oldQuestion) {
       = 'Waiting for you to stop typing...'
      ()
    }
  },

这样就可以监听data里的数据的变化情况