组件的传值

父组件传给子组件

• 父组件
  <子组件 :x1="name">aaaaa</子组件>
  x1是子组件需要接收的组件名称 name是属性值
  一般会写作 :name=“name”
• 子组件

export default{
//第一种
//props：["name","name1"],
//第二种，限制接收类型
props：{
         name：String，
         name1：number
},
data（）{}
}

子组件给父组件传值（自定义事件）

• 子组件传值
  子组件一般是通过事件传值，点击xxx或者其他的一些操作
  子组件在事件内

methods：{
xxx（）{
  //前面是自定义传值的名称，后面是传递的值
  this.$emit("clickxxx",this.aaa);

}
}

父组件

<子组件 @clickxxx="fn">aaaaa</子组件> 

methods：{
   fn（val）{
      alert（val）；
       //这里的val就是子组件那里的this.aaa
    }
}

兄弟组件之间的传值（bus）

• 给全局加了自定义事件（以后再写吧）
  主要就是$emit传递 $on接收