Vue-注意问题

methods疑问

methods 无法修改data数据

• 上代码

省略无关代码
data() {
    return {
      testValue:0,}
}
methods: {
    goto: parm => {
      //   this.$set(data, "index", parm);
      this.testValue = parm;
      console.log(this.testValue);
    }
  }
}

<button @click="goto(2)">尝试一下</button>

浏览器的控制台输出2 ，用VueDevTools 调试工具也可以看到值并没有被修改
https://github.com/vuejs/vue-devtools

• 解决办法换个姿势写方法

 goto: function(parm) {
      this.testValue = parm;
      console.log(this.testValue);
    }
    

提出怀疑-是否因为箭头函数的作用域影响了this

https://vuejs.org/v2/api/#methods 解释了原因

未完待续