Child.vue 538 B

12345678910111213141516171819202122232425
  1. <template>
  2. <div>
  3. child
  4. <button @click="emit('once1',part1)">
  5. 给父亲100元
  6. </button>
  7. <button @click="emit('vase',part2)">
  8. 给父亲花
  9. </button>
  10. </div>
  11. </template>
  12. <script setup>
  13. import {ref} from "vue"
  14. import { defineEmits } from "vue"
  15. let part1 = ref(50)
  16. let part2 = ref(10)
  17. // defineProps defineEmits 两者运行时 或者 使用时声明类型
  18. // 如果同时声明 则编译报错
  19. const emit = defineEmits(['once1','vase']);
  20. console.log(emit)
  21. </script>
  22. <style lang="scss" scoped>
  23. </style>