vue 프로젝트 시작! --views폴더(Home.vue)

<template>
  <div id="app">
    <modals-container></modals-container>
    <button @click="open_modal()" type="button">
      팝업창 오픈
    </button>

    <!-- 
    <div v-show="is_show">
      <popup-view></popup-view>
    </div>
    -->
  </div>
</template>

<script>
import PopupView from './popup/Popup';

export default {
  name: "App",
  data: () => {
    return {
      is_show: false
    }
  },
  // mounted() {
  //   this.open_modal();
  // },
  methods: {
    open_popup: function() {
      this.is_show = !this.is_show;
    },
    open_modal() {
      this.$modal.show(PopupView, {
        modal : this.$modal },
        {
          name: 'dynamic-modal',
          width: '754px',
          height: '404px',
          draggable: false,
          resizable: true,
      })
    }
  }
}
</script>

<style>

</style>