vue 前端请求回后台所有数据 触发一次出30条

在前端请求后台所有数据并触发一次出30条数据，可以通过以下几种方式实现：

1. 后台接口返回分页数据：在后台接口中添加分页参数，前端请求时设置分页参数，后台返回对应页码的数据。

2. 前端通过数组截取实现分页：在前端请求到所有数据后，使用数组的`slice`方法对数据进行截取，取出对应页码的数据并展示。

   // 假设 data 是后台返回的所有数据
   const pageSize = 30; // 每页展示30条数据
   const pageIndex = 1; // 请求第一页数据
   const start = (pageIndex - 1) * pageSize; // 计算需要展示数据的起始位置
   const end = pageIndex * pageSize; // 计算需要展示数据的结束位置
   const pageData = data.slice(start, end); // 截取需要展示的数据

3. 前端通过Vue的计算属性实现分页：在Vue组件中定义一个计算属性，根据当前页码和每页展示数量计算需要展示的数据。

   data() {
     return {
       allData: [], // 所有数据
       pageIndex: 1, // 当前页码
       pageSize: 30 // 每页展示数量
     }
   },
   computed: {
     pageData() {
       const start = (this.pageIndex - 1) * this.pageSize; // 计算需要展示数据的起始位置
       const end = this.pageIndex * this.pageSize; // 计算需要展示数据的结束位置
       return this.allData.slice(start, end); // 截取需要展示的数据
     }
   }

以上三种方式都可以实现前端请求后台所有数据并分页展示。其中，第一种方式需要后台接口的支持，第二种和第三种方式都是在前端进行数据处理，比较灵活。