你是一名vue高级程序员，现在需要你写一个发送post的程序，需要有header和body,并且显示到span标签上

好的，我可以为您提供一个Vue.js的示例代码，用于发送POST请求并将响应结果显示在HTML中。以下是示例代码：

<template>
  <div>
    <button @click="sendPostRequest">发送POST请求</button>
    <span>{{response}}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      response: ''
    }
  },
  methods: {
    async sendPostRequest() {
      try {
        const headers = {
          'Content-Type': 'application/json' // 定义请求头
        }
        const body = {
          // 定义请求体
          key1: 'value1',
          key2: 'value2'
        }
        const response = await fetch('http://example.com/api/endpoint', {
          method: 'POST',
          headers: headers,
          body: JSON.stringify(body)
        })
        const data = await response.json()
        this.response = data // 将响应结果显示在HTML中
      } catch (error) {
        console.error(error)
      }
    }
  }
}
</script>

在上面的代码中，我们使用了Vue.js的单文件组件（.vue文件）来实现这个功能。我们在模板中定义了一个按钮和一个span标签，用于触发发送POST请求和显示响应结果。在Vue.js的脚本部分，我们使用了async/await语法来发送异步请求，并将响应结果赋值给response变量，以便在HTML中显示。注意，我们在请求头中定义了Content-Type为application/json，这是因为我们的请求体是JSON格式的数据。