YuuyaRin的博客

在使用vue编写单页应用时，通过点击不同的连接想要局部刷新出不同页面的内容，通过vue-router会非常方便。       然而在vue2和vue1中，路由的使用有着非常多不同的地方，当我们用npm搭建的是vue2版本的脚手架时，vue-router2.0以后的版本是不再兼容之前的写法的，这个我也踩了很多坑，各种百度和看文档，然后把原本Vue Router1版本的写法改了过来。这里来对比一下

在vue1.0中，组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中，已经废除了这种用法。vuex加入后，对组件之间的通信有了更加清晰的操作，对于中大型的项目来说，一开始就把vuex的使用计划在内是明智的选择。然而在一些小型的项目，或者说像我这样写到一半才发现vue2.0用不了$.broadcast和$dispa

造成这种现象的原因归根究底就是浏览器对ES6中的promise无法支持，因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能首先通过npm来安装:npm install babel-polyfill --save-dev接下来就是根据场景来引入目前本喵遇到的出现这种错误的场景有两种：1.在使用vue-cli搭建的unit测试时(npm run uni