Vue watch 中 this 注意事项

在watch中使用this要注意，不能用箭头函数，否则会出错，例如：

<template>
</template>

<script>
	export default{
		data(){
			return {
				isLogin: false
			}
		},
		watch:{
			isLogin: (newVal, oldVal) => {
				newVal && this.updateLogin()
			}
		},
		methods:{
			updateLogin(){
				console.log(`update login`)
			}
		}
	}
</script>

<style scoped>
</style>

箭头函数要改为function的形式，如下：

<template>
</template>

<script>
	export default{
		data(){
			return {
				isLogin: false
			}
		},
		watch:{
			isLogin: function(newVal, oldVal) {
				newVal && this.updateLogin()
			}
		},
		methods:{
			updateLogin(){
				console.log(`update login`)
			}
		}
	}
</script>

<style scoped>
</style>