vue组件封装

封装步骤

1. 搭建HTML+CSS结构，考虑组件逻辑。
2. 分析组件逻辑，定义props类型、数据。
3. 分析组件输出，定义暴露出来的方法。

说明

父组件引入

<Son :listData="listData" @fatherFun="fatherFun"></Son>

父组件方法

fatherFun(){ console.info("父组件的方法") }

子组件封装 · 数据：

props: { listData: Array }

子组件封装 · 方法： this.$emit('fatherFun', value)