IE11下处理Promise及Vue的单项数据流问题

最近我开发的公司的竞赛网站被发现在IE11下排行榜无数据，但是在其他浏览器没问题，我然后打开控制台一看，发现了如下错误：

真是醉了，然后发现有三个可行的方案：

直接采用 polyfill

在index.html中

<script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>
或 <script type="text/javascript" src ="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>

手写 js 脚本判断一下

<script type="text/javascript">
 function isIE() {
  if (!!window.ActiveXObject || "ActiveXObject" in window) {
  return true;
 } else {
 return false;
 }
}
if (isIE()) {
 var script = document.createElement('script');
 script.type = 'text/javaScript';
  script.src = 'js/bluebird.min.js'; // bluebird 文件地址
  // http://cdn.jsdelivr.net/bluebird/3.5.0/bluebird.min.js
 document.getElementsByTagName('head')[0].appendChild(script);
}
</script>

安装新的依赖

1、

npm install --save babel-polyfill

2、在main.js文件的顶部引入

 import "babel-polyfill"

3、在build目录下

webpack.config.js

webpack.base.config.js

model.exports={
entry:{
 app： ["babel-polyfill",'./src/main.js'] }

Vue 提倡的单项数据流

在写 vue 组件的过程中，经常会遇到这样的情形：子组件需要的参数以 props 属性里面的 prop 来获得，父组件通过具名的 prop 来把子组件需要的内容传递给子组件，而且 Vue 提倡数据流的方向只能由父组件流向子组件。当父组件的数据发生变化时去通知子组件更改相应的属性，而不能反过来，子组件的变化影响到父组件，这种行为是被禁止的，因为这样会导致数据混乱不易于定位错误。

虽然经常写着写着子组件就想图省事，子组件直接去改变父组件的状态了，但是会报错如下：

那么，子组件为了更改父组件的状态， Vue 提供了两种常见的解决办法：