vue的优化小技巧

2019独角兽企业重金招聘Python工程师标准>>>

在写项目时, 有很多变量,只是为了下面的逻辑使用,而和视图层没有任何关系, 但是我们还是将它们,放在了 data中做了响应式跟踪, 像这样:

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

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

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

转载于:https://my.oschina.net/u/3105272/blog/3032767