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