Vue组件mounted阶段为何无法正确获取data定义的数据？

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

在Vue中，使用data函数定义数据时，需要将其放在组件的选项对象中。以下是对给定内容的简化

javascript在Vue中，通过data函数定义数据，例如：data() { return { isok: 10 };}使用mounted钩子函数可以访问这些数据，如下所示：mounted() { console.log(this.isok); // 输出: 10 setInterval(()=> { console.log(this.isok); // 输出: 10 }, 3000);}这是因为在mounted钩子函数中，this指向当前组件实例，可以直接访问data中的数据。

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的。