Vue中的侦听器watch怎么使用
导读：本文共1963.5字符，通常情况下阅读需要7分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：接下来，请跟着小编一起来学习吧！侦听器watch1.初识侦听器watchwatch：观看，监视那么什么是侦听器watch呢开发中我们在data返回的对象中定义了数据，这个数据通过插值语法等方式绑定到template中；当数据变化时，template会自动进行更新来显示最新的数据；但是在某些情况下，我们希望在代码逻辑中监听某个数据的变化，这个时候就需要用侦听器watch来完成了；2.Vue的data... ...
目录
(为您整理了一些要点),点击可以直达。
接下来，请跟着小编一起来学习吧！
watch：观看，监视
那么什么是侦听器watch呢
开发中我们在data返回的对象中定义了数据，这个数据通过插值语法等方式绑定到template中；
当数据变化时，template会自动进行更新来显示最新的数据；
但是在某些情况下，我们希望在代码逻辑中监听某个数据的变化，这个时候就需要用侦听器watch来完成了；
案例：
我们希望用户在input中输入一个问题；
每当用户输入了最新的内容，我们就获取到最新的内容，并且使用该问题去服务器查询答案；
那么，我们就需要实时的去获取最新的数据变化；
此时就要用到侦听器watch去监听数据是否发生变化
创建一个对象，赋值给info
点击按钮的时候会修改info.name的值
此时使用watch并不能侦听info，因为默认情况下，watch只是在侦听info的引用变化，对于内部属性的变化是不会做出响应的
所以我们可以使用deep深度监听
希望一开始的就会立即执行一次：这个时候我们使用immediate选项；无论数据是否变化，侦听的函数都会有限执行一次的
app.mount("#app");若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
Vue中的侦听器watch怎么使用的详细内容，希望对您有所帮助，信息来源于网络。