vue的優化小技巧

在寫項目時, 有不少變量,只是爲了下面的邏輯使用,而和視圖層沒有任何關係, 可是咱們仍是將它們,放在了 data中作了響應式跟蹤, 像這樣:

data() {
  return {
     title: 'xxx' // 這個視圖層須要用到
     logInStatus: false, // 這個僅僅是在下面的methods中的方法來更新和使用做爲判斷的條件,可是在視圖層沒有使用
  }
}

可是其實這些變量的跟蹤是沒有必要的, 因此咱們可不能夠直接在data函數return以前直接this.xxx的方式掛在實例上,在下面的邏輯中還能夠訪問, 可是又不會觸發響應式跟蹤; 改寫後變成這樣:

data() {
  this.logInStatus =  false, // 這個僅僅是在下面的methods中的方法來更新和使用做爲判斷的條件,可是在視圖層沒有使用
  return {
     title: 'xxx' // 這個視圖層須要用到
  }
}