首先我们从官网下载vue.js并引入我们的项目。我们可以选择直接用链接引入或将js拷贝下来引入。
这里我们写一个简单的页面进行测试，页面只包含一个文本输入框，我们对其进行双向绑定。
首先我们来进行普通的监听，即通过watch我们能够感知到数据的变动，并对之进行相应的行为。这里我们对text属性进行监听，并将监听的结果做一个展示。
可以看到在watch中，数据的每次变更vue都会及时的通知我们。我们可以在这个钩子中做一些我们想做的事情（但是不要循环赋值以外），例如我们可以为文本框做个标红的效果。
尝试了普通监听，接下来我们试试对对象数组的监听。
我们会发现，当我们将双向绑定的值移入深的一层是，当我们监听外层对象是vue将不再能够提醒我们属性值的变动。
为了解决这个问题，vue允许我们再watch时加入deep参数，该参数将会让vue帮助我们层层迭代，替每个属性都绑定监听器。
这样修改之后，我们就能够重新监听到属性的变更了。
以上即是本篇的全部内容，感谢阅读。
标签：vue,watch
版权声明：文章由 去回答 整理收集，来源于互联网或者用户投稿，如有侵权，请联系我们，我们会立即处理。如转载请保留本文链接：https://www.quhuida.com/article/300123.html
