Vue中watch引发错误，原因分析如何深入探究？

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

错误：组件定义中方法watch的类型为object。请检查是否正确引用了该函数。原因：watch是一个对象，应该以{...}的形式引用。

报错: Method "watch" has type "object" in the component definition. Did you reference the function Method "watch" has type "object" in the component definition. Did you reference the function correctly?

　　原因: watch 是一个对象,应该以键值对的形式来使用,但是我 将 watch 放到了 methods: {} 中,导致了这个问题;

　　解决办法: 将watch 对象 拿出来,与 methods 平级;

附上当时的代码:

watch: { "$route.path":function(newval){ if(newval === '/home'){ this.flag = false }else{ this.flag = true } } } }

总结

以上所示是小编给大家介绍的vue 中使用 watch 出现了如下的报错的原因分析，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！