vue2 如何将页面传给后端，在其他页面再将页面展示

在 Vue.js 中，将页面数据传递给后端通常涉及到组件之间的通信以及 API 调用。以下是基本步骤：

1. **创建Vue实例**：首先，确保你的应用有一个 Vue 实例，比如在 main.js 或者 App.vue 文件中。

2. **状态管理**：使用 Vuex 状态管理库来存储页面的数据。这样可以避免直接操作 DOM，使数据更易于管理和复用。

import { createStore } from 'vuex';
const store = createStore();
// 页面数据放在 store 的某个 state 中

3. **组件间通信**：如果需要传递整个页面的数据，可以在组件之间通过 props、事件或者Vuex的actions和mutations来进行交互。

4. **发送请求**：在组件里，当需要提交到后端时，你可以触发一个方法（如 `submitData`），这个方法会发送 Axios 或 Fetch 请求到后端 API。

methods: {
  submitData() {
    this.$http.post('/api/some-endpoint', this.pageData).then(response => {
      // 处理后端返回的数据
    });
  }
}

5. **接收后端响应**：在后端处理完请求并返回数据后，你可以在回调函数中更新状态，然后在需要的地方使用这部分数据。

6. **路由跳转**：在后端操作成功后，你可以使用 Vue Router 进行页面间的导航，并传递新的数据到新页面。例如：

this.$router.push({
  name: 'NewPage',
  params: { pageData: updatedDataFromBackend }
});

7. **新页面获取数据**：在新页面中，你可以从 route 的 params 或者从 Vuex 中获取数据来展示。