[20190620]日常学习记录(三)-初识promise及vuex

在学习promise之前重温了Ajax的原生js实现，

在原生js中发送一个http请求首先new XMLHttpRequest()

然后定义状态变更事件

浏览器监听请求的状态，触发不同状态下相应的代码

promise

异步操作在运行或计算的时候不会阻止程序执行其它操作

这个异步操作就是promise，它代表异步操作执行的最终结果

异步操作过程中称为挂起（pending），结果（settled）可以是完成或拒绝，

promise定义的then()方法注册的函数会在异步操作完成后立即执行

 

vuex是vue官方推荐的数据层的类库

它用于复杂页面或组件间进行数据传递

设计理念是将数据存在公共的存储空间，某个组件改变了数据，所有组件也会变化

vuex数据存取流程是，components调用dispatch，把改变数据的（异步）操作放在Actions

Actions调用commit，把一个个同步的对数据的修改放在mutations

mutations最终改变state里的数据

components可以在state里读取数据，但不能直接修改里面的数据

这就是vuex单向数据改变流程