组件的传值

父组件传给子组件

  • 父组件
    <子组件 :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接收
posted @ 2023-02-09 15:47  zongkm  阅读(27)  评论(0)    收藏  举报