在引入vue的html页面中使用ajax

在Vue的HTML页面中使用Ajax，需要先在HTML页面的头部引入Vue库和jQuery库（或其他支持Ajax的JavaScript库）。可以在HTML页面的头部添加以下代码：

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

在引入Vue库和jQuery库之后，可以在Vue的HTML页面中使用Ajax。例如，以下代码使用了Ajax向服务器发送了一个GET请求，并在请求成功后在页面上显示了服务器返回的数据：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: ""
    };
  },
  mounted() {
    $.ajax({
      url: "ajax_request.php",
      type: "GET",
      success: (data) => {
        this.message = data;
      }
    });
  }
};
</script>

在这个例子中，mounted()函数在Vue实例创建后被调用，使用Ajax发送GET请求，并在请求成功后将服务器返回的数据赋值给了data中的message属性。最终，在HTML页面中使用双括号绑定message属性，将服务器返回的数据显示在页面上。