自己封装的vue组件，为什么这么封装，目的是什么？

为了更好的复用，使代码逻辑更好的耦合，大幅度提高开发效率 1，封装可重用的代码

vue组件的功能

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

Vue组件封装过程

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