如何封装vue组件

 为什么要封装组件

1. ● 重复代码的复⽤
2. ○ 减少代码量
3. ○ 提升项⽬的可维护性
4. ● 让代码更简洁
5. ○ 如果我们发现⼀个vue组件的⾏数超过了500⾏，我们要 考虑⼀下是否应该封装⼀些组件，让代码结构更清晰
6. ○ 提升代码的可维护性

■ 怎么封装组件

● 思想上

1. ○ 你在封装组件的时候是怎么考虑问题的
2. ■ 考虑这个组件是做什么的，有哪些元素
3. ■ 需要有哪些属性，哪些变量，不同的场景下可以灵活 的使⽤组件，说⽩了就是我们的输⼊是什么，参数是 什么
4. ■ 这个组件有哪些⾏为，有哪些事件
5. ■ 哪些地⽅需要外部传递⼀些html过来，其实就是插槽

● 技术上

1. ○ 可以通过props设置哪些数据是⽗组件传递过来的
2. ○ 设置⼀个⾃定义事件，this.$emit(事件名,数据)
3. ○ <slot></slot>
4. ■ 具名插槽