【前端】封装组件的步骤（函数思想）

1. 建立组件的模板，先搭架子，写样式，考虑好组件的基本逻辑。

2. 准备好组件的数据输入。即根据组件逻辑，定好 props 里面的数据及类型。（在子组件内部，使用props选项声明获取的数据，即接收来自父组件中的数据）

3. 准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。

4. 封装完毕，直接调用即可。