Vue_Demo/20_脚手架/vue3_test/6.src_setup的两个注意点/App.vue

<template>
  <Demo @hello="showHelloMsg" msg="你好" user="Roger">
    <template v-slot:slot1>
      <span>Roger</span>
    </template>
  </Demo>
</template>

<script>
import {reactive} from "vue";
import Demo from "@/components/demo.vue";

export default {
  name: 'App',
  components: {Demo},
  setup(){
    function showHelloMsg(value) {
      alert(`showHelloMsg:${value}`)
    }

    return {
      showHelloMsg
    }
  }
}
</script>