问

javascript - vue这里的this指向哪里？

布拉格mi_716 发布于 2022-11-16 13:41

var app5 = new Vue({
  el: '#app-5', data: {message: 'Hello Vue.js!'}, methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})

4 个回答

就指向Vue的实例

2022-11-16 14:44 回答

兔子东大门一手批发
能分下行么

2022-11-16 14:44 回答

longxi
你可以在console打印一下看看，是vm实例。

2022-11-16 14:44 回答

我和你2602883283

Methods中的方法中的this会被vue自己绑定到当前vm实例上。

直接看源码吧
https://github.com/vuejs/vue/...

function initMethods (vm: Component) {
  const methods = vm.$options.methods
  if (methods) {
    for (const key in methods) {
      vm[key] = methods[key] == null ? noop : bind(methods[key], vm)
      if (process.env.NODE_ENV !== 'production' && methods[key] == null) {
        warn(
          `method "${key}" has an undefined value in the component definition. ` +
          `Did you reference the function correctly?`,
          vm
        )
      }
    }
  }
}

2022-11-16 14:44 回答

手机用户2602918063

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签