App.vue 513 B

123456789101112131415161718192021222324252627
  1. <template>
  2. <Demo @hello="showHelloMsg" msg="你好啊" school="尚硅谷">
  3. <template v-slot:qwe>
  4. <span>尚硅谷</span>
  5. </template>
  6. <template v-slot:asd>
  7. <span>尚硅谷</span>
  8. </template>
  9. </Demo>
  10. </template>
  11. <script>
  12. import Demo from './components/Demo'
  13. export default {
  14. name: 'App',
  15. components:{Demo},
  16. setup(){
  17. function showHelloMsg(value){
  18. alert(`你好啊,你触发了hello事件,我收到的参数是:${value}!`)
  19. }
  20. return {
  21. showHelloMsg
  22. }
  23. }
  24. }
  25. </script>