1.导出的时候 固定确定一个name

export default {
  name: 'demo'
}

2.如何正确接收  2种姿势的正确解释

1、数组方法接收

import  aaa from '../../components/demo/index' 

export default {
  name: 'home',

  components: {
    [aaa.name]: aaa
  },

  data() {
    return {

    }
  },
  methods: {
  }
}

备注:这里的 aaa 只是一个引入的变量对象，代指之前到处的组件，再此处引入。 原则上可以为任何对象名称。 

     在components注册的时候里面 采用 key value的形式。 

    在vue组件里 其实不需要用<aaa><aaa/>来，只需要使用<demo/> 即可， aaa代表对象 注册声明了，在vue页面里 却是使用demo代表注册过得组件，此处代表子组件声明的name 唯一标识符。

2.对象声明注册方法。

import demo1 from '../../components/demo1/index'

export default {
  name: 'home',

  components: {
    demo1 
 //demo1:demo1
  },
  data() {
    return {

    }
  },
  methods: {
  }
}

对象引用和注册，则要小心 demo1 是ES6语法的简写；此处声明注册的 demo1 代指任何对象。在vue 页面里 必须要用demo1的形式 如 

<template>
  <div class="">
  <demo1/>
  </div>
</template>