其他分享
首页 > 其他分享> > vue中watch监听的用法

vue中watch监听的用法

作者:互联网

在vue中,使用watch来响应数据的变化。watch的用法大致是这样

<input type="text" v-model="cityName"/>
new Vue({
  el: '#root',
  data: {
    cityName: 'shanghai'
  },
  watch: {
    cityName(newName, oldName) {
      // ...
    }
  } 
})

直接写一个监听处理函数,当每次监听到 cityName 值发生改变时,执行函数。也可以在所监听的数据后面直接加字符串形式的方法名:

watch: {
    cityName: 'nameChange'
    }
 } 

 

标签:vue,watch,cityName,监听,用法,处理函数
来源: https://www.cnblogs.com/wxianhong/p/14548830.html