state的树状结构是在何时构建的

来源：12-12 API（2）

center_one

2020-04-24

state的获取

get state () {
return this._vm._data.$$state
}

state的响应式

store._vm = new Vue({
data: {
$$state: state
},
computed
})

storevm的注册

var state = this._modules.root.state;
resetStoreVM(this, state);

模块初始化

this._modules = new ModuleCollection(options);
注册方法中执行了
const newModule = new Module(rawModule, runtime)
Module的构造函数中

const rawState = rawModule.state
this.state = (typeof rawState === ‘function’ ? rawState() : rawState) || {}

问题：根模块的state应该是配置时最外层的state,为何最终的store中的state是树状结构，包含了子模块的state

写回答

2回答

ustbhuangyi

2020-04-25

已采纳

因为后面会执行 installModule 方法，它通过递归的方式构造出这样的树状结构。

center_one

非常感谢！

2020-04-25

共1条回复

center_one

提问者

2020-04-25

if (!isRoot && !hot) {
const parentState = getNestedState(rootState, path.slice(0, -1))
const moduleName = path[path.length - 1]
store._withCommit(() => {
Vue.set(parentState, moduleName, module.state)
})
}

Vue.js 源码深入解析深入理解Vue实现原理

全方位讲解 Vue.js 源码，进阶高级工程师

4986 学习 · 1038 问题

查看课程

相似问题

把children拍平，后续生成dom的时，怎么控制嵌套关系的

回答 1

把children拍平后

回答 2

为什么 createElm在是组件渲染vnode时构建整个组件树的时候，是先子后父，而且需要创建父节点占位符? 如果是普通文本节点，是直接插入吗？

回答 1

关于children拍平的问题

回答 1

想弄清编译构建到底啥意思

回答 1

打开慕课网App查看更多内容