在vue中使用Promise

Posted 2023-04-27

参考技术A 在有异步操作时，对异步操作进行封装。

这里使用setTimeout来模拟网络请求

可以看出在结构比较清晰，在setTiimeout里只负责做网络请求，在.then()里做一些事件处理

如果有多次异步处理可以直接再次new一个Promise

但是网络请求不仅有成功，还有失败，所以在Promise里有2个参数，resolve即成功，reject即失败，

如果失败则调用reject

如果网络请求失败，则reject后面的所有请求都会失败。

一个页面可能会有多次网络请求，希望对每次的网络请求做处理，那么就可以使用Promise.all

在vue中使用babel-polyfill

在 Vue.js项目中使用Vuex，Vuex 依赖 Promise，所以如果你的浏览器没有实现 Promise (比如 IE)，那么就需要使用一个 polyfill 的库

我们可以通过babel-profill转译

1、安装

npm install --save-dev babel-polyfill

2、在main.js中引入

import babelpolyfill from ‘babel-polyfill‘