vue+elementui页面 有两个·axios和@click

在 Vue.js 中使用 `axios` 和 `@click` 都需要在 JavaScript 中进行引入和配置，而在 Vue.js 中的模板中使用则需要通过 Vue.js 的指令和事件来完成。

下面是一个简单的 Vue.js + Element UI 页面示例，其中包含了 `axios` 和 `@click` 的使用：

<template>
  <div>
    <el-button @click="fetchData">Fetch Data</el-button>
    <el-table :data="tableData">
      <el-table-column prop="name" label="Name"></el-table-column>
      <el-table-column prop="age" label="Age"></el-table-column>
      <el-table-column prop="gender" label="Gender"></el-table-column>
    </el-table>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      tableData: []
    };
  },
  methods: {
    fetchData() {
      axios
        .get("/api/data")
        .then(response => {
          this.tableData = response.data;
        })
        .catch(error => {
          console.log(error);
        });
    }
  }
};
</script>

在上面的代码中，`axios` 通过 `import` 引入，然后在 `fetchData` 方法中使用了 `axios` 进行了 Ajax 请求，接收到响应后将数据存储在 Vue 实例中的 `tableData` 中。而 `@click` 则使用在 `el-button` 元素上，绑定了 `fetchData` 方法，表示当用户点击该按钮时会执行 `fetchData` 方法。

需要注意的是，示例中的 `el-table` 等元素都是 Element UI 的组件，需要在 Vue 实例中进行注册和配置。