网络营销包括什么内容_视频直播平台_公司广告推广方案_win7优化软件

1.父亲组件给孩子组件数据

• 父亲组件先定义好数据

const numParent = ref(["张三", "李四", "王五", "赵六"])

• 父组件中引入子组件

<template><div class="parent"><div>父组件</div><!--父组件中引入孩子组件:向孩子传递参数--><Son :saySon="numParent" /></div>
</template>

• 子组件引入vue实例

import {defineProps} from "vue"

• 用实例接收父组件传入参数

const props = defineProps({saySon: Array
})

• 在子组件中即可使用子组件传入的参数

const parentSay = props.saySon

2.孩子组件给父亲组件数据

• 孩子组件先准备好数据

const sonSay = ["我是孩子组件"]

• 定义一个按钮并绑定一个点击事件，当用户点击这个按钮，触发函数，向父亲传值

const giveGoodsToParent = () => {// 触发父亲组件的函数emit("giveGoodsToParent", sonSay)
}

• 定义孩子向父亲传参，所需实例

import {defineEmits} from "vue"

• 定义父亲组件接收子组件传值，所需函数

//定义父亲组件的函数
const emit = defineEmits(["giveGoodsToParent"])

• 绑定函数

   <Son  @give-goods-to-parent="receiveParent"/>

• 父组件定义函数

const receiveParent = (data) => {console.log(data)
}