2025年01月07日 建站教程
在vue开发中存在2种通信方式：一种是父子组件通信；另一种是非父子组件通信。下面web建站小编给大家简单介绍一下vue父子组件通信！
父组件template
<template>
<div>
<child @sendMsg="updateMessage"></child>
</div>
</template>
<script>
export default {
data () {
return {
message: ''
}
},
methods: {
updateMessage (msg) {
this.message = msg
}
}
}
</script>
子组件template
<script>
export default {
methods: {
sendMessage () {
this.$emit('sendMsg', 'Hello Vue!')
}
}
}
</script>
本文链接：http://so.lmcjl.com/news/20900/