what is the role of the name property when novice vueci,vue components register

export default {
  name: "m-head",//name
  data () {
    return {
      name:""
    }
  },
}

however, when using

import Head from "./components/Head"
export default {
  name: "App",
  data () {
    return {
      name:"App"
    }
  },
  components: {
    new-head:Head  // name
  }
}

<new-head></new-head>