Components in Vue2 (in the src/ folder)

HelloWorld.vue

<!-- 
  Modify the <script> ... contents with:
  (import Component Var Name from ./filename without .vue)
-->

import MyComponent from './MyComponent'

<!-- ... and the beginning of your Vue object: -->

export default {
  components: {
    MyComponent
  },

<!-- Now use your component in your Template: -->

<MyComponent />

MyComponent.vue

<template>
  <div>
    This is my {{ name }}
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  data () {
    return {
      name: 'Sample Component'
    }
  },
  methods: {
  },
  mounted () {
  }
}
</script>

<style scoped>
  div { font-size: 1em; font-weight: bold; color: red; }
</style>