今天在寫vue項目時，用到了computed計算屬性，遇到了使用箭頭函數出現this指向問題，這里記錄下

1.箭頭函數中的this

• 箭頭函數內部的this是詞法作用域，由上下文確定
• 函數體內的this對象，就是定義時所在的對象，而不是使用時所在的對象

2.vue中的computed

使用箭頭函數

list: () => {  console.log(this)}

不使用箭頭函數

allFigure: function() {  console.log(this)},

使用get()

allFigure: { get() {  console.log(this); }}

3.自己的理解

• 在computed中使用箭頭函數的話，會導致this指向的不是整個的vueComponent
• 此時使用匿名函數的形式就可以解決，this指向了vueComponent
• 或者使用對象的形式，用set()、get()方法也不會出現問題

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。