vue框架数据流，子传父，同级传输

vue框架数据流

子元素传到父元素：

1.给子元素绑定一个点击事件。@click="textChange"

2.绑定函数里需要一个，自定义事件。this.$emit('name','sign'),第一个是名字，第二个是参数。

methods: {
    textChange(){
        this.$emit('name','sign')
    }
}

3.在父元素里，使用@name='onTextChange'监听子元素，此时又需要父元素上的一个methods。

methods:{
  onTextChange(res){
    console.log(res)
    //res即为子元素传递过来的参数sign。
   }  
}

同级元素之间传送数据，使用bus。

eg：a传给b信息。

1.var bus = new Vue(),创建一个bus

2.给a绑定点击事件，事件里面代码bus.$emit('name','parameter').

3.在b里面使用bus接受代码：

created(){
    bus.$on('name',(res)=>{
        console.log(res)
    })
}