element-plus、axios接收json数据

1、Element-plus（elemen-plus适用于vue3，element-ui适用于vue2）

（1）element-ui和element-plus区别

        Element-UI对应Element2：基本不支持手机版。Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

        Element-Plus对应Element3：组件布局考虑了手机版展示。基于 Vue 3，面向设计师和开发者的组件库

（2）安装：npm install element-plus --save

（3）在main.js中引入（完整引入方式）

最后使用即可。

2、Vue 使用 Axios 实现接收 json 数据

（1）安装axios

命令：npm install axios

（2）axios导入：import axios from 'axios'

（3）通过axios获取后台数据，将json数据渲染到表格中

created() {
    //获取API
    this.API.get("/data.json")
      .then((res) => {
        this.tableData = res.data.data.records;
      })
      .catch((err) => {
        console.log("fail", err);
      });
  },