1、父传子
(1)父组件
<组件名 v-bind:值的名字=值></组件名>
例:<modal :modalShow = ture></modal>
(2)子组件
props:["modalShow"] //数组形式
//或者
props:{
modalShow{
type:false
default:function(){
return:""
}
}
}
2、子传父
子组件:
this.$emit(“值”)
父组件
@值=“事件” //监听到这个值触发事件
例:子组件:
<button @click="closeModal1">点击关闭弹框</button>
closeModal1(){
this.$emit("close","关闭弹框")
}
父组件:
<modal @close="closeModal2"></modal> //监听到close触发事件closeModal2
closeModal2(data){
this.modalShow = false;
this.sondata=data //data="关闭弹框"
}