vue组件介绍

vue组件的定义

1. 组件(Component)是Vue.js最强大的功能之一
2. 组件可以扩展HTML元素，封装可重用代码
3. 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能
4. 某些情况下，组件也可以表现用 `js` 特性进行了扩展的原生的HTML元素
5. 所有的Vue组件同时也都是Vue实例，所以可以接受 相同的选项对象（除了一些根级特有的选项），并提供 相同的生命周期钩子函数

vue组件的功能

1. 能够把页面抽象成多个相对独立的模块
2. 实现代码重用，提高开发效率和代码质量，使得代码易于维护

Vue组件封装过程

1. 首先，使用Vue.extend()创建一个组件
2. 然后，使用Vue.component()方法注册组件
3. 接着，如果子组件需要数据，可以在props中接受定义
4. 最后，子组件修改好数据之后，想把数据传递给父组件，可以使用emit()方法