Vuejs Simple Convention

MyComponentA.vue

<template lang="pug">
  h1 {{title}}
  p {{body}}
</template>

<script>
  export default {
    // Convention: Component name is camel case
    name: 'MyComponentA',
    props: {},
    data: function() {
      return {
        title: "",
        body:  ""
      }
    },
    created: function() {
      // Convention: 'component name' + 'DataLoaded'
      eventHub.$on('MyComponentADataLoaded', this.update)
    },
    methods: {
      update: function(newData) {
        this.title = newData.title
        this.body  = newData.body
      }
    }
  }
</script>