vue3 —— 子传父

须知:vue里子组件无法改变父组件的值

思路:

1. 父组件定义数据 —— const data = ref(false)

2. 把值传递给子组件 —— :sendData = "data"

3. 子组件接收数据,使用、修改完成后 —— props: ["sendData"] —— const a = props.sendData —— a = true

4. 触发父组件事件,传值 —— emit("emitEffect", { emit: a })

5. 被触发的父组件,接收值,并更新自己最开始定义的数据 —— @emitEffect = "changeData" —— const changeData = (value) => { data = value.a }

上一篇:vue3中teleport使用


下一篇:Vue3新特性全面剖析