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>