<script src="https://unpkg.com/vue@2"></script>
<script src="https://unpkg.com/@fancyapps/ui@5.0.22"></script>
<link rel="stylesheet" href="https://unpkg.com/@fancyapps/ui@5.0.22/dist/fancybox/fancybox.css"/>

<div id="app">
  <v-fancybox/>
</div>

<script>
  Vue.component('v-fancybox', { 
    template: `<div id="myblock" style="display:none;">
  <h2>Hello, world!</h2>
  </div>`,
    mounted() {
      Fancybox.show([{
        src: '#myblock',
        type: 'inline'
      }]);
    },
  });


  new Vue({ el: '#app'});
</script>