用vue在前端页面通过输入框输入5-10左右，以数字的形式，被存储到数组arr中，写一个发送到后端存储接口，后端接收到数组后顺序被反转回前端，前端循环渲染到页面!

好的，我可以帮您解决这个问题。

首先，您可以在前端页面中使用`v-model`指令将输入框的值绑定到一个名为`inputValue`的变量上：

<template>
  <div>
    <input type="number" v-model="inputValue" />
    <button @click="sendData">发送数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    sendData() {
      const arr = [parseInt(this.inputValue)]
      // 发送数据到后端接口
      this.$axios.post('/api/saveData', arr)
        .then(res => {
          // 后端返回的数据已经被反转
          const reversedArr = res.data
          // 渲染到页面
          this.renderData(reversedArr)
        })
        .catch(err => {
          console.error(err)
        })
    },
    renderData(data) {
      // 渲染数据到页面
      // ...
    }
  }
}
</script>

在`sendData`方法中，我们首先将输入框的值转换为数字类型，并存储到数组`arr`中，然后使用`this.$axios.post`方法将数据发送到后端接口`/api/saveData`。

在后端接收到数据后，我们可以使用`array_reverse`函数将数组反转，并将反转后的数组返回给前端。

假设您使用的是PHP语言开发后端接口，那么代码可能类似于这样：

<?php

$data = file_get_contents('php://input');
$arr = json_decode($data, true);
$reversedArr = array_reverse($arr);

echo json_encode($reversedArr);

最后，在前端页面中，我们可以通过`this.renderData`方法将反转后的数组渲染到页面上。具体的渲染方式可能因为您的项目而异，如果您使用的是Vue.js框架，您可以使用`v-for`指令来循环渲染数据。