vue.js，是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。（这是官方的一个解释！）
小编没使用过angularjs，也没使用过react.js，不能详细的说明三者的区别，想了解的话，在官方有一个分析，请点这里查看
小编从业前端开发也有了一年多的时间，刚开始的时候，前端开发展现的技术太多，小编有心无力，兼顾不过来，经过了解之后，还是选择了学原生js基础兼并jquery的学习上路。小编使用vue.js，也是因为业务的需求，为什么不选择angularjs，其实就是同时不能抛弃jquery，vue.js和jquery可以完美的兼容，因为这个项目，小编也是苦逼了好长一段时间，不断的加班和学习，避免项目的开发时间增加，废话不多说，下面开始一些小编的vue的学习总结，写得不好，也不要见怪哈，写文一直是我的短板。。。。
父链 小编这里，就是vue的实例，作为父链
子组件可以通过 this.parent它的父亲组件。根实例的可以使用this.root 访问它。父有一个数组 this.children,它所有元素；当然，在项目中，我们的组件不可以只有一个或者两个，当组件多了的时候，我们是难以记得children中该组件的位置的，我们可以利用 v-ref 的指令，给我们的组件建立一个钩子，这个钩子，就是我们的其他组件访问该组件时的索引
//这是我的一个组件
<msg v-ref:msgs></msg> //这时候，我们就为这个msg组件建立了一个msgs的索引
//我们可以这样访问组件
var vm = new Vue({});
var children = vm.$refs.msgs //通过这种方式访问我们的子组件
//v-ref是一个数组或对象，是我们建立所有ref钩子的组件的集合这里，给大家看一张图，看一下parent,children, $refs相关的内容（好像图片有点模糊，不会整动态图，尴尬了，看得不清楚，大家可以自己建立一个demo打印出来好好!）
尽管我们可以这样直接访问整个实例里面的组件，但是不建议如此，因为子组件直接修改父组件的状态，是非常糟糕的，这会让父子组件紧密地耦合，理想的情况下，每个组件只能修改自己本身的状态，因为每个组件的作用域都是独立的；
这种情况下，vue也为我们带来了它们的自定义事件
使用 $dispatch() 派发事件，事件沿着父链冒泡；
使用 $broadcast() 广播事件，事件向下传导给所有的后代。
看起来，有点抽象，来个例子，就好理解很多了
//$dispatch()冒泡案例
<!-- 实例 -->
<div id="app">
<!-- 组件通讯一 -->
<section>
