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>