Vue-Loader Full Template

page.vue

<template>
  <div> <!-- Must have a root element (doesn't have to be div) -->
  </div>
</template>

<script>
import AwesomeComponent from './AwesomeComponent.vue'

export default {
  components: {
    AwesomeComponent,
    LocalScopeComponent: {
      template: `
        <p>I'm just here because someone said there were free donuts?</p>
      `,
      props: {
        donutFlavor: {required: true}
      }
    }
  },
  data () {
    return {
      stringThang: "I'm a string!",
      arrayThang: ["I'm","an","array","!"]
    }
  },
  watch: {
    movie () {
      return 'entertaining';
    }
  },
  filters: {
    filterThang (thang) {
      return thang.filtered();
    }
  },
  methods: {
    // put your component-scoped methods here
  },
  created () {
    // load any server data here
  },
  mounted () {
    // do any DOM stuff here
  },
  destroyed() {
  },
  
}
</script>

<style lang="scss" scoped>
</style>