首页 > 其他 > 详细

vue watch的this 到底是什么?

时间:2020-06-13 21:56:47      阅读:90      评论:0      收藏:0      [点我收藏+]

正文

watch: {
    value: (newV, oldV) => {
    this.a = newV;
    }
}

加入该vue对象中,data 有:
{
data:{
a:5
}
}

那么请问,如果value 修改值为6,这时候a的值是否为6?

答案:

不是的。

原因

因为这个时候watch使用的是=>,是箭头函数,那么这时候的this,其实是window对象,而不是当前vue 对象。

需要这样写:

watch: {
    value: function(newV, oldV) {
    this.a = newV;
    }
}

官方给出的答案是:

技术分享图片

ok,实际上=》会找到他的上下文的父类。

vue watch的this 到底是什么?

原文:https://www.cnblogs.com/aoximin/p/13121825.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!