vue的父子传值
2020-03-11 本文已影响0人
帆_44fc
1.父向子
// 父组件
<Head :btnIcon='btnIcon'></Head>
// 使用v-bind 简写：
// 子组件
// 用props接收
props: {
btnIcon: {
type: String,
default: ''
}
},
2.子向父
// 子组件
<el-button @click='btnFn'>点我传参</el-button>
methods: {
btnFn() { this.$emit('fn'，向父组件传的值msg)}
}
// 父组件
<Head @fn='fnBack' ></Head>
methods: {
fnBack: function (msg) {console.log(msg)
// msg-接收传的值
}
}
