1.父向子
// 父組件
<Head :btnIcon='btnIcon'></Head>
// 使用v-bind 簡寫:
// 子組件
// 用props接收
props: {
btnIcon: {
type: String,
default: ''
}
},
2.子向父
// 子組件
<el-button @click='btnFn'>點(diǎn)我傳參</el-button>
methods: {
btnFn() { this.$emit('fn'每聪,向父組件傳的值msg)}
}
// 父組件
<Head @fn='fnBack' ></Head>
methods: {
fnBack: function (msg) {console.log(msg)
// msg-接收傳的值
}
}