vue.js入门（22）事件传值（子向父传值）

上一节讲的是父向子传值

首先我们在Header.vue文件先加入一个方法来改变title值，首先注册一个事件

methods:{
    changetitle:function()
    {
      this.$emit("titlechange","子向父传值");//事件名  要给它传的内容
    }
  }

然后通过点击button

<button v-on:click="changetitle">press</button>

它会自己去找，谁用了titlechange这个方法

然后是向父级传递，所以我们回到App.vue文件实现以下

<appheader v-on:titlechange="updatetitle($event)" v-bind:sendhea="sendmessage"></appheader>

绑定了titlechange事件，然后调用了updatetitle方法，这里要接受Header.vue里面传递的内容，所以要加$event（固定的，不能改变其名称）

然后我们实现updatetitle方法

methods:{
	  updatetitle(cha)
	  {
	  	this.sendmessage=cha;
	  }
  }

然后这个时候，就可以实现通过事件，使子向父传值

点击前：

点击后：