vue watch内部调用methods方法报错

vue watch内部调用methods方法报错

错误例子还原

例子

<script>
	export default{
		data(){
			return {
				data: 1,
			}
		},
		watch: {
			data: (newV, oldV) => {
				this.printf() // 此处调用会出现 undefined
			}
		},
		methods: {
			printf(){
				console.log("111111")
			}
		}
		
	}
</script>

• 错误原因

在vue的Watch监听器要注意一点，那就是watch的内部的监听方法，一定一定不要使用箭头表达式，正确的写法应该是

watch: {
	data: function(newV, oldV){
		this.printf
	}
}

• 关于watch使用方式的vue官方链接