自学内容网 自学内容网

vue3学习记录1:emit的写法

emit是用于child组件向parent组件通信的工具,因为vue3的script可以设置为setup,写法同vue2有较大区别。

一、script setup - 直接写

<script lang="ts" setup>
  const emit = defineEmits(['close']);

  function handleClose() {
    emit('close');
  }
</script>

二、script - 需要在setup函数中接收

<script lang="ts">
  import { defineComponent, onMounted } from 'vue'

  export default defineComponent({
    emits: ['init'],
    setup(props, { emit }) {
      onMounted(() => {
        emit('init')
      })
    })
</script>


原文地址:https://blog.csdn.net/qq_41057206/article/details/140671693

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!