请教vue的最佳实践----什么数据最应该放在data里面----“尽量减少data中的数据”
发布于 5 年前 作者 ailuhaosi 4550 次浏览 来自 问答

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

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

  1. “动态响应的数据“: 如:视图模板中的数据、computed中的数据。
  2. “其它的数据”:如,临时变量之类的尽量放在”外部“

代码如下

import ··· from ···;
//下面是其它数据存放的位置
let ···;
let ···;
export default {
name:"componentA",
data() {
    return {
      ······//这里存放 视图模板、computed中 依赖的数据
    }
  }
}
3 回复

我的理解是 data 中存放的是較為扁平化的響應式依賴,其他的非響應式數據你可以通過 Object.freeze() 或者 v-once 優化。

vue初始化你的data是有一定的消耗的(defineProperty转换data使其具有运行时依赖收集的行为),放外面的话加快初始化的速度,没毛病

放到外面要注意变量的作用域

回到顶部