组件的传值
父组件传给子组件
- 父组件
<子组件 :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接收