javascript Vue Boilerplate

Posted 2021-05-03

<template>
  <section class="cool-app">

  </section>
</template>

<script>
export default {
  name: 'CoolApp',
  data() {
    return {

    };
  }
};
</script>

import Vue from 'vue';
import CoolApp from './components/CoolApp.vue';

const appEl = document.getElementById('cool-app-container');
if (appEl) {

  // Method 1.
  const coolAppInstance = new Vue({
    render: h => h(CoolApp),
  }).$mount(appEl);
  
  // Method 2.
  const CoolAppRootComponent = Vue.extend(CoolApp);
  const coolAppInstance = new CoolAppRootComponent({
    el: appEl,
  });

}