请教最佳实践----什么数据最应该放在data里面----“尽量减少data中的数据”

请问我下面的做法是不是最佳实践?

我的观点:data中尽量只存放被“动态响应的数据“其它数据放在外部

  1. “动态响应的数据“: 如:视图模板中的数据、computed中的数据。
  2. “其它的数据”:如,临时变量之类的尽量放在”外部“
import ··· from ···;
//下面是其它数据存放的位置
let ···;
let ···;
export default {
name:"componentA",
data() {
    return {
      ······//这里存放 视图模板、computed中 依赖的数据
    }
  }
}

我认为不是最佳实践。所有变量尽量放到data内部。外部可以放一些constant变量

你找错了问题的重点:放到 data 里,变量是组件实例的;放到外面,变量是 JS 模块的。

如果你说你的组件都是单例组件,那放哪里无所谓。全都放到 data 里可以获得更灵活的访问方式,代价就是一点微不足道的内存占用。