Vue Component

Sample.vue

<template>
 <div>
  <h1> {{ message }} </h1>
 <div
</template>
<script>
export default {
 /* Child component registration */
 components: {},
 
 /* Properties */
 props: [],
 /* Component's local data */
 
 data() {
  return {
   message: 'Thinking in components'
  }
 },
 /* Watchers */
 watch: {},
 
 /* Computed properties */
 computed: {},
 
 /* Component methods */ 
 methods: {
 },
 
 /* Vue lifecycle hooks: 
  Ref: https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
 */
 created() {},
 mounted() {},
 updated() {},
 destroyed() {}
 ....
}
</script>
<style scoped>
 
</style>