What are Components in Vue.js? How to register a component inside other component

Vue Components are one of most powerful features of Vue js.In Vue components are custom elements that help you extend basic HTML elements to encapsulate reusable code.
Following is the way to register a Vue component inside other component

export default {
  el: '#your-element'
  components: {
      'your-component'
  }
}