05-内容管理-查询结果布局

分析：表格

<!-- 表格容器 :data="tableData" [{date:'2018-10-10',name:'',address:''},...] 表格数据   -->
<el-table
      :data="tableData">
      <!-- el-table-column  列组件-->	
      <!-- prop 指定列显示数据（通过字段名称指定） -->
      <!-- label="日期"  当前列数据的描述 -->
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>

自己代码：

<!-- 表格 -->
      <el-table :data="articles">
        <el-table-column prop="title" label="标题"></el-table-column>
      </el-table>

// 文章列表数据
 articles: [{ title: '文章标题xxxxx' }, { title: '文章标题xxxxx' }]

分页：

<!-- 分页 -->
      <el-pagination class="pager" background layout="prev, pager, next, total" :total="1000"></el-pagination>