Vue.js 为什么这是Vue方法中的窗口对象,即使使用箭头函数也是如此

Vue.js 为什么这是Vue方法中的窗口对象,即使使用箭头函数也是如此,vue.js,Vue.js,我有一个简单的,看起来像这样的 new Vue({ el: "#app", data: { value:"" }, mounted: function(){ this.test(10); }, methods: { test: (max) =>{ console.log(this) } } }) 控制台输出窗口我希望它是Vue应用程序。如何构造它以使其成为Vue?此是窗口,尤其是在箭头函数中 使用正常的函数声明或

我有一个简单的,看起来像这样的

new Vue({
  el: "#app",
  data: {
    value:""
  },
  mounted: function(){
    this.test(10);
  },
  methods: {
    test: (max) =>{
        console.log(this)
    }
  }
})

控制台输出窗口我希望它是Vue应用程序。如何构造它以使其成为Vue?

窗口
,尤其是在箭头函数中

使用正常的
函数
声明或等效声明:

newvue({
el:“应用程序”,
数据:{
值:“测试”
},
挂载:函数(){
本试验(10);
这是test2(42);
这是test3(42);
},
方法:{
//Arrow函数:`this`是声明时的上下文。
测试:(最大)=>{
console.log(此===窗口)
},
//函数表达式:`this`是调用时的上下文。
//通过Vue绑定到Vue实例。
测试2:函数(最大值){
console.log(this.value);
},
//ES6方法速记,同上。
测试3(最大值){
console.log(this.value);
}
}
});