Vueは単純な弾枠を実現する

App.vue

import popup from './components/popup'
export default{
  name: 'app',
  components: {
    popup
  },
  data (){
    return {
      isPopupVisible: false
    }
  },
  methods: {
    showPopup(){
      this.isPopupVisible = true
    },
    closePopup(){
      this.isPopupVisible = false
    }

  }
}

popup.vue

export default {
  name: 'popup',
  methods:{
    close (){
      this.$emit('close')
    }
  }

}

参照リンク:https://baijiahao.baidu.com/s?id=1590850243088192932&wfr=spider&for=pc