北京网站备案的地址,设计一站式服务,手机网站设计知识,摄影看图网站需求
封装组件
需要使用到Vue3中如何定义父子组件#xff0c;由子组件给父组件传值
核心代码
如何使用emits
组件
templatebutton clicksendData点击按钮/button
/templatescript setup
import {ref, defineEmits}…需求
封装组件
需要使用到Vue3中如何定义父子组件由子组件给父组件传值
核心代码
如何使用emits
组件
templatebutton clicksendData点击按钮/button
/templatescript setup
import {ref, defineEmits} from vue
const emits defineEmits([childEvent])//传递给父组件的数据
const data ref(hello)const sendData () {emits(childEvent, data.value ) //触发emits事件
}
/script调用
!-- 父组件 ParentComponent.vue --
templatediv!-- 注册子组件的自定义事件并指定事件处理函数 handleChildEvent --ChildComponent childEventhandleChildEvent/ChildComponent/div
/templatescript setupimport {ref } from vueimport ChildComponent from ./c.vueconst receivedData ref()//data 为子组件调用后返回的数据const handleChildEvent (data){receivedData.value data;console.log(data)}/script
