严格模式

1
2
3

const store = new Vuex.Store({
  strict: true
)}

在Store类的option中设置strict参数为true，严格模式下，所有修改state的操作必须通过mutation实现，否则会抛出错误。

Vuex.Store 实例方法

Vuex.Store 构造函数

1. 判断是否自动安装vue

2. 初始化内部变量，将dispatch与commit调用的this绑定为store对象本身，否则在组件内部this.dispatch时的this会指向组件的vm

3. 是否严格模式

4. 执行installModule（初始化module）

5. 执行resetStoreVM（通过VM使store“响应式”）

6. 调用插件、devtool

前言

海南分享了vue的核心原理，从源码出发回答经常遇到的一些问题，比如为啥不能检测到对象/数组属性的变化等。记录几个get到的小点：

原理

每个组件（也就是Vue实例）在beforeCreate的生命周期中都混入（Vue.mixin）同一个Store实例 作为属性 $store，所以我们能够使用this.$store；

里面有一个resetStoreVM()方法，通过vm重设store，新建Vue对象使用Vue内部的响应式实现注册state以及computed，我们在获取state的时候，拿的是 vm.$_store._vm._data.$$state，这个变量是响应式的