Vue基础中，如何深入理解并灵活运用各种侦听器功能？

本文共计1174个文字，预计阅读时间需要5分钟。

目录 + Vue中什么是侦听器 + 侦听器的用法 + Vue侦听器-watch + Vue侦听器-深度侦听和立即执行 + 总结 + Vue中什么是侦听器 + 在开发中我们会在data返回的对象中定义数据，这个数据可以通过插值语法等进行操作。

目录

• vue中什么是侦听器
• 侦听器的用法
• vue侦听器-watch
• vue侦听器-深度侦听和立即执行
• 总结

vue中什么是侦听器

• 开发中我们在data返回的对象中定义了数据，这个数据可以通过插值语法等方式绑定到templat中。
• 当数据变化的时候，template里绑定的数据会自动进行更新来显示最新的数据。但是这种变化是在template中自动侦听data的值来进行变换的
• 在某些情况下，我们希望在代码逻辑中监听某个数据的变化，这个时候就需要用到侦听器watch了

官方定义：Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

一个对象，键是要侦听的响应式 property——包含了 data 或 computed property，而值是对应的回调函数。值也可以是方法名，或者包含额外选项的对象。