欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中的箭头函数的this

程序员文章站 2022-04-12 11:52:08
...

在vue中箭头函数没有自己的this,所以,当箭头函数中有this的时候他会往外找,从而确定它的this的值

	vm.$watch('firstName',{
        immediate:true, //若immediate为true则handler在初始化时,就会调用一次,以后就看firstName的改变了
        handler(newValue,oldValue){
          setTimeout(()=>{ //此处定时器的回调一定要写箭头函数
          this.fullName = newValue + '-' + this.lastName
        },1000)
       }
      })

setTimeout:一定要写成箭头函数,不能写成function的普通函数,因为普通的函数中的this会是window,但是箭头函数的this回往外找,找到handler,handler的this是vm的实例对象调用的

相关标签: vue小案例 vue