const app = Vue.createApp({
  data() {
    return {
      num: 0,
      text: ''
    };
  },
  methods: {
    getData(text) {
      console.log('getData', text);
      this.text = text;
    }
  }
});

app.component('button-text', {
  data() {
    return {
      text: '內部資料',
    }
  },
  methods: {
    emit(){
      this.$emit('emit-text',this.text)
    }
  },
  template: `<button type="button" @click="emit" >emit data</button>`
});
app.mount('#app');