新接触 vue，关于 Vue 组件设计的一些疑问

打个比方，我目前在设计一个table组件，现在要向里面传递column信息， 目前看到两种方案： 第一种是vue element方式，通过el-table-column标签向table组件传递信息，如下：

<el-table :data="tableData" style="width: 100%" max-height="250"> <el-table-column fixed prop="date" label="日期" width="150"> </el-table-column> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> </el-table> 

第二种是vue-easytable方式，通过 props 的方式传递列数据，如下：

<template> <v-table :columns="columns"></v-table> </template> <script> export default{ data(){ return { multipleSort: false, tableData: [ ... ], columns: [ {field: 'email', width: 230, columnAlign: 'center'}, {field: 'address', width: 330, columnAlign: 'left'} ], titleRows: [ {fields: ['email'], title: '111', titleAlign: 'center',titleCellClassName:'title-cell-class-name-test2'}, {fields: ['address'], title: '333', titleAlign: 'center',titleCellClassName:'title-cell-class-name-test2'}] ] } } } </script> 

这两种设计方式有啥优劣？