vue的优化小技巧

在写项目时, 有不少变量,只是为了下面的逻辑使用,而和视图层没有任何关系, 可是咱们仍是将它们,放在了 data中作了响应式跟踪, 像这样:

data() {
  return {
     title: 'xxx' // 这个视图层须要用到
     logInStatus: false, // 这个仅仅是在下面的methods中的方法来更新和使用做为判断的条件,可是在视图层没有使用
  }
}

可是其实这些变量的跟踪是没有必要的, 因此咱们可不能够直接在data函数return以前直接this.xxx的方式挂在实例上,在下面的逻辑中还能够访问, 可是又不会触发响应式跟踪; 改写后变成这样:

data() {
  this.logInStatus =  false, // 这个仅仅是在下面的methods中的方法来更新和使用做为判断的条件,可是在视图层没有使用
  return {
     title: 'xxx' // 这个视图层须要用到
  }
}