请教vue的最佳实践----什么数据最应该放在data里面----“尽量减少data中的数据”
请问我下面的做法是不是最佳实践?
我的观点:data中尽量只存放被“动态响应的数据“,其它数据放在外部。
- “动态响应的数据“: 如:视图模板中的数据、computed中的数据。
- “其它的数据”:如,临时变量之类的尽量放在”外部“
代码如下
import ··· from ···;
//下面是其它数据存放的位置
let ···;
let ···;
export default {
name:"componentA",
data() {
return {
······//这里存放 视图模板、computed中 依赖的数据
}
}
}
3 回复
我的理解是 data 中存放的是較為扁平化的響應式依賴,其他的非響應式數據你可以通過 Object.freeze()
或者 v-once
優化。
vue初始化你的data是有一定的消耗的(defineProperty转换data使其具有运行时依赖收集的行为),放外面的话加快初始化的速度,没毛病
放到外面要注意变量的作用域