Vue實例中組件屬性components詳解

一.什么是組件？

組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以表現為用 is 特性進行了擴展的原生 HTML 元素。

提示：所有的 Vue 組件同時也都是 Vue 的實例，所以可接受相同的選項對象 (除了一些根級特有的選項) 並提供相同的生命周期鈎子。

二.注冊組件

組件復用：

components文件夾下新建test文件夾並創建TestPage.vue

創建組件的唯一出/入口，創建index.js文件

export { default as TestPage } from './TestPage'

在頁面中進行引入使用：

<template>
    <test-page />
</template>

<script>

import { TestPage } from './test'

export default {
  components: {TestPage}

}

</script>