【问题描述】 返回顶部组件里，用到数据操作。通过方法里改动this数据，但发现直接使用失效 此时发现无效？？？ 检查后发现this指向window，而非vue实例，所以无法操作数据。 【解决方案】 . ...

在methods中经常使用到“this”关键字，该关键字指向Vue组件实例。 ...

...

第一个输出英文"Hello!”，第二个输出中文“你好！”。这说明了showMessage1()里的this指的是window，而showMessage2()里的this指的是vue实例。 ※ 对于普通函数（包括匿名函数），this指的是直接的调用者 ...

第一个输出英文"Hello!”，第二个输出中文“你好！”。这说明了showMessage1()里的this指的是window，而showMessage2()里的this指的是vue实例。 ※ 对于普通函数（包括匿名函数），this指的是直接的调用者，在非严格模式下，如果没有直接调用者 ...

假设vue实例中data有msg属性，我们就可以同this.msg来获取该值。 普通函数的this指向vue实例，可以获取到对应的值 箭头函数的this指向全局window，不能获取到该值 ...

首先要注意的是，JS中的this的指向只有在函数被调用后才能被确定，在函数的定义阶段是确定不了的 在JS中this的指向一般有四种规则 一个函数作为对象的方法被调用时，这个函数中的this指向调用它的对象 以构造函数的形式进行调用时，this指向new出来的实例对象 以函数的形式 ...

1、※ 对于普通函数（包括匿名函数），this指的是直接的调用者，在非严格模式下，如果没有直接调用者，this指的是window。showMessage1()里setTimeout使用了匿名函数，this指向window。 2、※ 箭头函数是没有自己的this，在它内部使用 ...