脚本宝典收集整理的这篇文章主要介绍了vue中methods中的方法闭包缓存问题,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
现状:
当前问题:
// 测试使用:
<div id="app">
<button @click="test">测试按钮</button>
</div>
<script>
var app = new Vue({
el: '#app',
methods: {
test: (() => {
`use strict`
console.log(this) // Window
var flag = true
return () => {
console.log(this) // Window
flag = false
}
})()
}
})
</script>
undefined
debugger
之后, 我们一步步来看 pointJump: (() => {
let isFirstChanged = false;
console.log(this);
debugger;
return entry => {
console.log(this);
console.log(isFirstChanged);
debugger;
isFirstChanged = true;
};
})(),
操作:
this
所代表的空间还是undefined
, 所以没有能改变过来. <script>
var app = new Vue({
el: '#app',
methods: {
test: (() => {
`use strict`
console.log(this) // Window
var flag = true
return () => {
console.log(this) // Window
flag = false
}
})()
}
})
</script>
undefined
const test = (() => {
let aaa = true;
return function () {
console.log(this);
aaa = false;
};
})();
mainJump(entry) {
test.call(this);
},
pointJump: (() => {
let isFirstChanged = false;
return function () {
console.log(this); // Vue的顶级对象
isFirstChanged = true;
};
})(),
以上是脚本宝典为你收集整理的vue中methods中的方法闭包缓存问题全部内容,希望文章能够帮你解决vue中methods中的方法闭包缓存问题所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。