当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

Vue.js methods用法及代码示例


声明要混合到组件实例中的方法。

类型 

interface ComponentOptions {
  methods?: {
    [key: string]: (this: ComponentPublicInstance, ...args: any[]) => any
  }
}

细节

声明的方法可以直接在组件实例上访问，也可以在模板表达式中使用。所有方法都有其this 上下文自动绑定到组件实例，即使在传递时也是如此。

声明方法时避免使用箭头函数，因为它们无法通过 this 访问组件实例。

示例 

export default {
  data() {
    return { a: 1 }
  },
  methods: {
    plus() {
      this.a++
    }
  },
  created() {
    this.plus()
    console.log(this.a) // => 2
  }
}

相关用法


注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 methods。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。