VUE element-ui 写个复用Table组件的示例代码

VUE element-ui之复用Table组件的示例代码

下面是一个简单的示例代码：

```vue

```

tableData 示例：

```javascript

tableData: [

{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区江路 1518 弄' },

{ date: '2016-05-04', name: '王小虎', address: '上海市普陀区江路 1517 弄' },

// 其他数据...

]

```

在 `table.vue` 中，我们利用 `el-table` 和 `el-table-column` 组件来展示这些数据。

```vue

//table.vue

```

步骤三：复用与传递数据

为了复用 `table.vue` 组件，我们创建一个父组件 `sl_table.vue`，并传递 `tableData` 和 `tableKey` 作为属性。

sl_table.vue：

```vue