触发与监听事件 emit

Posted 前端精髓

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了触发与监听事件 emit相关的知识,希望对你有一定的参考价值。

<script setup>
import Comp from './Comp.vue'
import  ref  from 'vue'

const msg = ref('Hello World!')
const handleUpdate = (value, value2) => 
  msg.value  = value

</script>

<template>
  <h1> msg </h1>
  <input v-model="msg">
  <Comp :title="msg" @update="handleUpdate" />
</template>
<script setup>
const emit = defineEmits(['update'])
defineProps(
  title: String
)
const handleClick = () => 
  emit('update', '100')

</script>

<template>
	<div>
    title
  </div>
  <button @click="handleClick">
    点击
  </button>
</template>

官方文档

以上是关于触发与监听事件 emit的主要内容,如果未能解决你的问题,请参考以下文章

触发与监听事件 emit

Vue父子组件通信之$emit(基于vue2.5,ES6)

父组件监听子组件的生命周期

vue2.0 #$emit,$on的使用

vue2.0 中#$emit,$on的使用详解

Vue3子组件向父组件返回数据