VSC(Visual Studio Code开发者工具) + vue + iview 表格/分页组件的使用

iview 引入
可参考：http://v1.iviewui.com/docs/guide/start

首先，在你的vue项目中安装iview依赖；

1）在你的命令窗口输入：npm install iview --save（记得要先进去你的文件所在目录）

2）安装之后，然后就在vue项目的入口文件（main.js）里全局引入它；

import iview from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iview)

如图:

先上效果图：

---

html部分：

<Table :columns="columns" size="small" style="margin-top:10px" :loading="listLoading" :data="list" disabled-hover>
      <template slot-scope="{row}" slot="action">
        <Button :size="buttonSize" type="info" @click="handleDetail(row)">详情</Button>
        <Button :size="buttonSize" type="success" @click="handleUpdate(row)">编辑</Button>
        <Button :size="buttonSize" type="warning" @click="handleRecharge(row)">充值</Button>
        <Button :size="buttonSize" type="error" @click="handleDelete(row)">删除</Button>
      </template>
</Table>
 <!-- 分页 -->
<Page class="page" :page-size="pageSize" @on-page-size-