The definition of sub-assemblies
<template>
<div class="ceshi">
<button @click="sendMsg">给父组件传值</button>
</div>
</template>
<script>
export default {
data() {
return {
msg: '子组件的值',
}
},
methods: {
sendMsg() {
//sendMsg: 是父组件指定的传数据绑定的函数,this.msg:子组件给父组件传递的数据
this.$emit('sendMsg', this.msg)
}
}
}
</script>
The definition of a parent component
<template>
<div class="address">
<ceshi @sendMsg="sendMsg"></ceshi>
</div>
</template>
<script>
import ceshi from '@/components/ceshi'
export default{
components: {
ceshi,
},
methods:{
sendMsg(msg){
console.log(msg) // 获取到的: 子组件的值
},
}
}
</script>