CNode

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

问答
Aailuhaosi发布于6 年前最后回复6 年前3 回复5709 浏览0 收藏

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

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

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

代码如下

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

回复 (3)

J
jaylin1011#1·6 年前

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

F
fantasticsoul#2·6 年前

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

Z
zhennann#3·6 年前

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

参与回复
登录后即可参与回复。登录