watch的用法

视频中this.$watch()的用法之前似乎没有讲过？能具体说说这个用法怎么回事吗？

源自：vue基础入门（下） 1-8 数据校验插件开发实例

收起

1回答

好帮手慕久久 2023-03-09 09:42:09

同学你好，this.$watch是监听器，它和之前的watch方法是一样的：

它用来监听数据是否改变。监听到数据改变后，我们可以自定义做一些其他的事情。比如视频中，监听了rules中的key，即name；一定name改变，this.$watch方法就会执行；在this.$watch内，我们自定义了打印行为：

整体效果是：name改变后，就会执行console.log(key+'changed')这句代码。

watch监听器用在插件中，要写成this.$watch这种形式。与之前的watch只是写法不同，意思是一样的。

回顾一下视频，看看能不能听懂。如果还是有疑问，建议新建问题提问，老师们再针对性的为你解答。

祝学习愉快！

提问者慕粉1234567890123 #1

原来只是写法不同，那之前讲watch的时候为啥不把这种写法讲一下？不讲写法直接用，会大大增加学习这节课的时间成本。

2023-03-09 10:28:16
好帮手慕久久回复提问者慕粉1234567890123 #2

解答如下：
1、很抱歉给同学带来不好的学习体验。同学的反馈也会告之讲师的哈~
2、之前的内容是最基础的内容，这里属于比较高级的内容。自己写插件这种需求，作为初级程序员，在实际开发中可能都不会接触到的。但是考虑到以后的职业发展，咱们这里加上了这些高难知识。学习要由基础逐步深入，所以只能放到后面这里讲。另外，this.$watch不是在任何代码场景中都可以用的，它只能在特定的场合中用到，比如在app.mixin()中。对于this.$watch，同学将课程中的写法看懂、会写就够用了。

2023-03-09 10:51:12