vue组件之间几种通信方式

vue组件之间通信有很多种方式，现介绍常用的几种

  一  props & $emit

子组件先注册一个属性

把属性绑定到组件上放在父容器内， 指定要绑定传给子组件的的值

在子组件绑定

在父组件内接受触发 company_close为一个在父组件内被触发的函数

  二  provide & inject 

父组件传值

子组件取值（可以嵌套多层子组件取值）

效果

三  $children & $parent

父组件获取子组件值

子组件获取父组件值

效果

四 ref & refs

子组件lazy.vue中定义

父组件调用

mounted:function(){
    var obj = this.$refs.comlazy 
	  obj.doSomething()    //haha
},

五 vuex

之前已有文章提过这种用法。省略。。。。

六 localStorage / sessionStorage

通过localStorage.setItem(key,value)存储数据localStorage.getItem(key)取值（JSON.parse() / JSON.stringify()可以装换数据格式）这种方法可以避免使用vuex刷新失效问题