Vue父子组件传值props

一、父传子
1、新建一个子组件，
export defaut{
name:‘ClientEdit’,
}
2、在父组件引入，
import ClientEdit from ‘./EditPerson’
// 注册
components:{
ClientEdit
}
// 使用

<client-edit v-if=“editFalg” :isEditFalg =“editFalg” @closeEditInfo=“closeEditInfo”
:userInfo=“userInfo” @submitEditInfo=“submitEditInfo”>
其中大写变小写，拆分下词组。
父传子：看**:isEditFalg ="editFalg"或者 :userInfo="userInfo"
3、在子组件
props: [“isEditFalg”,“userInfo”],
使用:
data:{
userInfo:this.userInfo
}
或者在页面直接{ {userInfo}}，
methods:{
fn(){
console.log(this.userInfo)
}
}
二、子传父
利用this.$emit(‘closeEditInfo’,this.dialogVisible)**，函数名+data（需要传的值）
1、确定需要传的值，比如提交按钮

// 取消编辑,确定提交
            closeEdit()<