在HTML中引入Vue.js库之后,可以通过以下js代码实现Vue的watch功能:
复制
var app = new Vue({ el: '#app', data: { message: 'Hello, Vue!' }, watch: { message: function (newValue, oldValue) { console.log('Message changed from ' oldValue ' to ' newValue); } } }); // 修改data属性message的值 setTimeout(function() { app.message = 'Goodbye, Vue!'; }, 2000);
复制
在上面的例子中,定义了一个Vue实例app
,其中的watch
对象监听message
属性的变化。当message
属性发生变化时,会触发watch中定义的函数,并输出消息到控制台。在接着的代码中,通过setTimeout函数修改了message
属性的值,触发了watch中的函数。
这样就可以通过js代码实现Vue的watch功能。