vue 組件name的 正確使用方式

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>