Vue中的vxe-table教程1-vue项目中运行

注意：此篇是在Vue项目中运行的，后期全部都在线运行，不在依赖本地Vue项目环境，直接依赖CDN中的文件即可

1. 安装vxe-table及其依赖包

使用淘宝的镜像下载比较快
cnpm install xe-utils vxe-table

2. vue项目下的src目录下的main.js中导入相关模块

main.js中增加如下几行代码

import 'xe-utils'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'
Vue.use(VXETable);

3. src目录下的App.vue文件中删除原有代码，输入如下代码

4. 页面显示效果如图：

5. 官方文档地址

https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic