vue中watch的使用示例

作者: MJ 分类: vue 发布时间: 2019-04-02 13:35

虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。

<template>
 <div class="life">
    <input type="text" v-model="name" />
  </div>
</template> 

<script>
export default {
  name: 'life',
  data(){
    return {
      name:""
    }
  },
  watch: {
    name(oldVal,newVal){
      console.log(newVal,oldVal);
    }
  }
}
</script>

 

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注