Vue中如何确保mounted钩子能正确获取data初始化的数据？

本文共计420个文字，预计阅读时间需要2分钟。

在Vue中，使用data函数定义数据时，mounted钩子函数可以用来执行代码，例如打印isok的值。以下是简化的代码示例：

javascriptdata() { return { isok: 10 };},mounted() { console.log(this.isok); // 能获取isok 10 setInterval(function() { console.log(this.isok); // 不能获取isok }, 3000);}

vue中data定义

data() { return { isok:10, } }

在vue中使用定时器 如下 mounted是钩子函数

mounted(){ console.log(this.isok) //能获取isok 10 setInterval(function(){ console.log(this.isok) //不能获取 isok }, 3000); }

这是为什么呢？

原因就是：定时器的this是指向 window的。