Vue——父to子 子to父传值（三）

父to子

父亲组件绑定数据

v-bind:users2="users"

子组件获取

复合类型的话是传地址

普通类型传值

props:{
  users2:{
    type:Array,
    required:true,
  }
},

子to父

单击时调用这个方法

<h1 v-on:click="changTitle">{{title1}}</h1>

方法：调用了事件名字为titlChange，从父组件找相关的

methods:{
  changTitle:function () {
    this.$emit("titleChange","子向父组件传值");
  }
},

父组件：当事件发生的时候调用了updateTitle方法传值进去

<users v-on:titleChange="updateTitle($event)"></users>

方法：

updateTitle:function (title1) {
  this.title1 = title1;
}