vue的post传值用什么接收

Vue的post传值可以使用以下方式接收：

1. 后端框架接收方式：如果你使用的是后端框架（如Node.js的Express、Python的Flask等），可以通过框架提供的路由处理函数来接收post请求的参数。

例如，在Express中可以使用req.body来接收post参数。首先要确保在服务器端中引入了body-parser中间件，并在使用post请求的路由中添加该中间件来处理参数解析，然后通过req.body来获取传递的参数。

示例代码如下：

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.post('/api/post', (req, res) => {
  const { param1, param2 } = req.body;
  // 进行处理或返回结果
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

2. Vue组件中接收方式：如果是在Vue组件中发送post请求，并且想要在组件中接收参数，可以使用Vue的ajax库（如axios），在请求中传递参数，然后在组件中通过this.$route.params或this.$route.query来接收参数。

示例代码如下：

import axios from 'axios';

export default {
  methods: {
    postData() {
      const params = {
        param1: 'value1',
        param2: 'value2',
      };

      axios.post('/api/post', params)
        .then(response => {
          // 处理响应数据
        })
        .catch(error => {
          // 处理错误
        });
    },
  },
};

在上述代码中，我们使用axios发送post请求，并将参数传递给服务器端。在服务器端的路由处理函数中，可以通过req.body来获取传递的参数。

总结：
无论是后端框架接收方式还是在Vue组件中接收方式，都需要使用对应的函数或库来处理post请求，并从请求中获取参数。在后端处理时，通常需要使用相应的框架或中间件来解析post参数，而在Vue组件中，可以使用Vue的ajax库来发送请求并传递参数。

在Vue中，可以使用以下方式接收POST请求中的数据：

1. 使用Vue-resource库：Vue-resource是Vue.js官方推荐的用于处理HTTP请求的插件。可以通过Vue-resource库的$http对象来发送POST请求，并且可以接收POST请求中的数据。

// 导入vue-resource库
import VueResource from 'vue-resource';

// 注册vue-resource插件
Vue.use(VueResource);

// 发送POST请求，并接收数据
this.$http.post('api/url', {data}, {headers}).then((response) => {
    console.log(response.body);
}, (error) => {
    console.log(error);
});

在上述代码中，通过$this.$http.post()方法发送POST请求，并传递请求的URL、数据和请求头信息。通过.then()方法获取服务器返回的数据。

2. 使用axios库：axios是一个基于Promise的HTTP库，也可以用于发送POST请求和接收数据。

// 导入axios库
import axios from 'axios';

// 发送POST请求，并接收数据
axios.post('api/url', {data}, {headers}).then((response) => {
    console.log(response.data);
}).catch((error) => {
    console.log(error);
});

在上述代码中，通过axios.post()方法发送POST请求，并传递请求的URL、数据和请求头信息。通过.then()方法获取服务器返回的数据。

3. 在后端使用框架解析数据：如果使用Vue作为前端框架，后端使用框架如Express.js或Koa.js作为服务器，可以在后端使用框架提供的解析POST请求体的功能来接收数据。

在Express.js中的解析POST请求体的例子：

const express = require('express');
const app = express();

app.use(express.json()); // 解析请求体的JSON数据
app.use(express.urlencoded({ extended: true })); // 解析请求体的表单数据

app.post('/api/url', (req, res) => {
    const data = req.body; // 获取POST请求中的数据
    console.log(data);
    res.send('Success');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在上述代码中，使用app.use()中间件来解析POST请求体的JSON数据和表单数据。可以通过req.body来获取POST请求中的数据。

4. 使用Vuex来接收数据：Vuex是Vue的状态管理库，可以通过Vuex来共享和管理组件之间的数据。可以将POST请求中的数据保存到Vuex的状态树中，然后在需要的组件中获取数据。

在store.js文件中定义Vuex的状态树和相关方法：

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
    state: {
        postData: {},
    },
    mutations: {
        SET_POST_DATA(state, data) {
            state.postData = data;
        },
    },
    actions: {
        setPostData({ commit }, data) {
            commit('SET_POST_DATA', data);
        },
    },
});

export default store;

在组件中获取POST请求中的数据：

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

<script>
export default {
    computed: {
        postData() {
            return this.$store.state.postData;
        },
    },
};
</script>

在上述代码中，通过this.$store.state.postData获取保存在Vuex状态树中的POST请求数据。

5. 使用this.$route对象获取路由参数：如果POST请求的数据是通过URL传递的，可以使用Vue-router提供的this.$route对象来获取路由参数。

在组件中获取路由参数：

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

<script>
export default {
    computed: {
        postData() {
            return this.$route.query.postData;
        },
    },
};
</script>

在上述代码中，通过this.$route.query.postData获取URL中的postData参数。

在Vue中使用post方法传值时，可以使用以下方式来接收传递的值：

1. Express中使用body-parser中间件

// 安装 body-parser 中间件
npm install body-parser --save

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.urlencoded({extended: false}));
app.use(bodyParser.json());

app.post('/api/post', (req, res) => {
  const data = req.body; // 使用req.body来获取传递的值
  // 处理接收到的值
  res.send('Post received!');
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

2. Vue中使用axios发送post请求

// 安装axios库
npm install axios --save

import axios from 'axios';

axios.post('/api/post', {
  data: 'Hello, World!' // 要传递的值
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.log(error);
});

以上示例中，我使用Express框架和axios库来演示如何实现Vue中使用post方法传值并在服务器端接收。在Express中，我们使用了body-parser中间件来解析post请求的body部分，然后使用req.body来获取传递的值。而在Vue中，我们使用axios库发送post请求，并将要传递的值以对象的形式传入axios.post方法的第二个参数中。

通过以上方法，你就可以在Vue中通过post方法传递值，并在服务器端使用Express接收这些值了。