12345678910111213141516171819202122232425 |
- <template>
- <div>
- child
- <button @click="emit('once1',part1)">
- 给父亲100元
- </button>
- <button @click="emit('vase',part2)">
- 给父亲花
- </button>
- </div>
- </template>
- <script setup>
- import {ref} from "vue"
- import { defineEmits } from "vue"
- let part1 = ref(50)
- let part2 = ref(10)
- // defineProps defineEmits 两者运行时 或者 使用时声明类型
- // 如果同时声明 则编译报错
- const emit = defineEmits(['once1','vase']);
- console.log(emit)
- </script>
- <style lang="scss" scoped>
- </style>
|