解析vue data不可以使用箭头函数问题
发布时间：2020-12-17 03:10:03 所属栏目：百科 来源：网络整理
导读：首先需要明确， a() {}和 b: () => {} 是不同的 {}} 1 VUE.js 源码解析 注意此处只设计核心代码 这段代码也是UMD实现原理，本文这里不是重点，有兴趣的可以自行探究。 解析一： 对于javascript来说，非严格模式下函数都会有一个this指向，不清楚的这里有传送
|
首先需要明确， {}
}
1 VUE.js 源码解析注意此处只设计核心代码 这段代码也是UMD实现原理，本文这里不是重点，有兴趣的可以自行探究。 解析一： 对于javascript来说，非严格模式下函数都会有一个this指向，不清楚的这里有传送门 说一下本文中涉及的this指向问题，如果不是严格模式，this应该指向window，但是由于vue作者使用的是严格模式，所以他指向了undefined 以下是vue中data的实现原理 也就是说每次新创建实例的时候都会去判断是否有data函数，如果有的话就会将其赋值给vm._data,心细的同学会发现对于Vmm实例来说是没有data，而是有vm._data es5函数和es6箭头函数 {
'use strict';
console.log(this,'a')
},b() {
console.log(this,'b')
},c() {
// window
let e = () => {
console.log(this,'e')
}
return e
}
}
obj.a() // window
obj.b() // obj
obj.c()() // obj
对于普通函数（非严格模式下），this指向调用者，es6中的this指向声明时的上下文环境。 结合以上两点解析今天的问题 {
console.log(this);//undefined
return {
a: 1
}
}
function getData(data,vm)
: data || {};
}
initData()
console.log(vm);
})))
以上代码说明你使用箭头函数给data: () => {} this指向undefined的时候，是会赋值给vm._data，但是他会相当于一个全局的，只要你不刷新页面他就会缓存你的data。 如果我们使用 总结以上所述是小编给大家介绍的vue data不可以使用箭头函数问题。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |