vue.js学习时watch里指定的值为this.$route没有输出内容的问题
在学习watch监视路由地址变化时,我将指定监视的值设置为this.$route
然后发现,当路由地址改变是并没有输出任何数据
于是我翻了下前面做的关于this.$route的使用的代码,发现在组件的data中设置返回值时使用this是没有问题的。
于是开始思考会不会是this指向的问题。
随后发现,虽然在组件中,这个this指向的是组件本身,也就是一个vue实例。但因为这是在data里拿,而这个data是一个函数(虽然没有写function),所以需要加上this指向vue实例。而watch本身的指向就是vue实例,所以不需要额外加上this来指向Vue实例。
所以只需要把this去掉就能正常输出了
(小白,欢迎大佬指正)