侦听器（watch）（简洁）

最新推荐文章于 2024-10-04 00:46:18 发布

Ciwei蓝

最新推荐文章于 2024-10-04 00:46:18 发布

阅读量113

点赞数

分类专栏： 2022Vue学习笔记文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Blue54/article/details/127320020

版权

2022Vue学习笔记专栏收录该内容

54 篇文章 1 订阅

订阅专栏

例子：

<body>
  <div id="app">
    <p>请输入你的幸运数字</p>
    <input type="text" v-model="num">
    <p>{{text}}</p>
  </div>
</body>
<script>
  var app = new Vue({
    el: '#app',
    data: {
      a: 3,
      num: '',
      text: '',
    },
    watch: {
      num: function (n, o) {
        this.text = '你刚才选择了数字' + o + '，，，你现在又选择了' + n + '，，，我认为' + n + '更好'
      },
    },
  })
</script>