vue组件的定义
● 组件(Component)是Vue.js最强大的功能之一
● 组件可以扩展HTML元素，封装可重用代码
● 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能
● 有些情况下，组件也可以表现用 is 特性进行了扩展的原生的HTML元素
● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子
vue组件的功能
1）能够把页面抽象成多个相对独立的模块
2）实现代码重用，提高开发效率和代码质量，使得代码易于维护
原理：
1.首先将子组件进行封装，通过prop(不了解可以官方查看)接收父组件数据传递，子组件通过监听方法监听数据变化。
2.父组件中通过import和component进行封装组件注册。在<html>部分使用注册的子组件。
原理如图所示
![Vue项目 - 单文件组件和Vue中的路由[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)