Vuejs关于元素值变化的事件？

我有一个元素,我想看到这样的变化:

50

是否可以用vuejs干净利落地做到这一点？我试过查看文档,但我找不到这样的东西.

我希望每当'50'用VueJs改变其他东西时启动一个自定义事件.

1> Yerko Palma..：

---

你试过watch吗？在你的情况下,它会是这样的.

模板

    {{ message }}
    {{myValue}}

    

js代码

new Vue({
    el: '#app',
    data: {
        message: 'Watch example',
        myValue: 50
    },
    watch: {
        'myValue': function(val, oldVal){
        if (val < 50) {
            this.message= 'value too low!';
        }else{
          this.message= 'value is ok';
        }
      }
    }
})

看看这个例子

---

它只在输入时才会改变,因为我在输入中添加了"v-model",你应该将`v-model`绑定到改变你的值的输入类型.如果您在没有输入的情况下更改您的值,例如直接使用javascript,那么您必须保持Vue组件的`data`属性同步,并且反应性将起到魔力.无论如何,如果你想要更多的细节,你应该添加实际进行更改的代码部分