當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文

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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。