在vue生命週期裏調用函數時犯的一個錯誤

最近都在用es6的語法開發，也深入感覺到了箭頭函數的魅力，因此在寫道vue生命週期函數的時候也很慣性的用了箭頭函數的寫法，箭頭函數this的指向在這個時候卻引出了bug。

在vue中全部的生命週期鉤子自動綁定 this 上下文到實例中，所以你能夠訪問數據，對屬性和方法進行運算。這意味着你不能使用箭頭函數來定義一個生命週期方法 (例如 created: () => this.fetchTodos())。這是由於箭頭函數綁定了父上下文，所以 this 與你期待的 Vue 實例不一樣。

methods: {
  gerQrCode() {
  }
}
//生命週期函數要用普通函數的形式
//寫成箭頭函數形式的話引用方法時會報錯方法未定義。
mounted() {
  this.getQrCode()
},
複製代碼