vue axios使用方式

Vue中使用axios的方式如下：

1. 安装axios：在终端中运行npm install axios命令来安装axios模块。

2. 引入axios：在需要使用ajax请求的文件中，通过import引入axios模块。

3. 发送请求：通过axios的方法，在vue组件中发送ajax请求。

以下是一个简单的示例代码：

<template>
  <div>
    <h1>Vue Axios Example</h1>
    <button @click="getData">Get Data</button>
    <ul>
      <li v-for="user in users" :key="user.id">{{ user.name }}</li>
    </ul>
  </div>
</template>

<script>
  import axios from "axios";

  export default {
    name: "App",

    data() {
      return {
        users: [],
      };
    },

    methods: {
      async getData() {
        const response = await axios.get(
          "https://jsonplaceholder.typicode.com/users"
        );
        this.users = response.data;
      },
    },
  };
</script>

这个示例代码中包含了一个简单的vue组件，在这个组件中使用了axios发送ajax请求并且展示请求的结果。在这个组件中，我们首先引入了axios模块，然后在getData方法中使用axios.get()方法发送了一个GET请求，请求的URL是一个外部API链接。在请求成功后，我们将返回数据存储在组件的data中，并用v-for指令遍历数据并在视图中渲染。