Bootstrap

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>

;