Vue中如何避免watch方法调用时的潜在问题？

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

在调用watch中的方法时，页面经常找不到方法。这时一定要在watch中输出this，查看this包含的内容是否多层，若找不到方法，可能是因为层级太多。目前我还不太理解这一点。

这里是说watch调用methods里方法的时候，页面经常会报找不到方法

这个时候一定要在watch里去输出一下this，

看看this包裹的壳是不是多了好多层，所以找不到方法，虽然我到现在还没理解为啥有时候会出现一层或几层壳的问题。

例如

正常情况下用this.functionname()就可以调用了。

但是在一些情况下（现在本人还没找到原因）在控制台输出this的时候你会发现数据经常是这样包裹的a{name},name里面对你的methods还包裹了一层，所以使用方法的时候就会变成 this.a.methods.funtionname()

原因还在找，不过解决办法先记下来。