.net core api与vue交互demo

.NET Core API与Vue.js之间的交互通常通过HTTP请求来进行。下面是一个简单的示例：

1. **创建.NET Core API**:
- 首先，在ASP.NET Core项目中创建一个新的API控制器，例如`ValuesController.cs`：

     using Microsoft.AspNetCore.Mvc;

     [ApiController]
     [Route("[controller]")]
     public class ValuesController : ControllerBase
     {
         [HttpGet("{id}")]
         public ActionResult<string> Get(int id)
         {
             return $"Hello, {id}";
         }
     }

这里我们定义了一个GET请求处理程序，返回一个字符串。

2. **Vue.js前端**:
- 在Vue应用中，你可以使用axios库来发送HTTP请求到API：

     import axios from 'axios';

     export default {
       data() {
         return {
           valueId: 0,
         };
       },
       methods: {
         fetchData() {
           axios.get(`http://your-api-url/api/values/${this.valueId}`)
             .then(response => (this.result = response.data))
             .catch(error => console.error(error));
         },
       },
     };

当用户触发这个`fetchData`方法时，它会向指定的URL发送GET请求并获取数据。

3. **调用示例**:
- 可以将上述Vue组件绑定到HTML上，并让用户选择ID值：

     <template>
       <button @click="fetchData">Get Value</button>
       <p v-if="result">{{ result }}</p>
     </template>

记得将`http://your-api-url`替换为你实际的.NET Core API地址。