关于Vue this指向问题。

Question

学习vue

new Vue({
  el: '#app',
  data: {
    message: 'Runoob!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})

不太理解this.message中的this，他是指向谁呢？

Answer 1

指向这个vue实例

Answer 2

指向vue实例

Answer 3

this指向实例，

属性与方法
每个 Vue 实例都会代理其 data 对象里所有的属性：
var data = { a: 1 }
var vm = new Vue({
data: data
})
vm.a === data.a // -> true
// 设置属性也会影响到原始数据
vm.a = 2
data.a // -> 2
// ... 反之亦然
data.a = 3
vm.a // -> 3

Answer 4

data里面的message啊