petite-vue如何实现父子组件通信,请写一段代码案例
父子组件通信可以使用 Petite-Vue 的 props 和 events 特性来实现。例如，在父组件中，可以使用 props 向子组件传递数据：
<template>
<Child :name="name" @message="handleMessage"/>
</template>
<script>
import Child from './Child.vue'
export default {
data() { return { name: 'John' } },
components: { Child },
methods: { handleMessage(msg) { console.log(msg) } } } </script>
而在子组件中，则可以使用 events 来触发事件并把数据传回父组件：
<template>
<div @click="handleClick">{{ name }}</div> </template> <script> export default { data() { return {} }, props: ['name'], methods: { handleClick() { this.$emit('message', 'Hello from child!') } } } </script
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。