YuuyaRin的博客

相比于主流的angular和react前端框架，vue在近年来也变得非常火热。他吸取了前两者的优点，同时学习曲线也更加平缓。所以本魔王准备入坑了~~首先从vue的脚手架搭建开始吧。这里不得不吐槽，window相对mac和linux确实在软件开发方面，非常不方便，代码打包，环境搭建等，简直爆炸~~..然而，嗯，本魔王就是在用win10，哎~嘛，废话不多说，今天的任务就是把脚手架搭好，虽然

WebStrom作为老牌的前端开发利器，它的插件功能也是非常全面和强大的。虽然webStrom自身不会识别*.vue的文件，但是可以通过一系列设置和插件解决这些问题。废话不多说，这里说一下我的设置流程（本喵用的是windows系统，WebStrom版本是2016.3.2）1.添加ES6语法支持：因为vue是基于ES6语法的，所以必须要保证IDE能够支持ES6。首先打开设置： win

在使用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