vue2路由跳转携带大量数据

在Vue2中，可以使用路由传参来携带大量数据。以下是一些方法：

1. 使用query参数：

在路由跳转时，可以使用query参数将大量数据传递给目标组件。例如：

this.$router.push({
  path: '/destination',
  query: { data: JSON.stringify(largeData) }
})

在目标组件中，可以通过`$route.query`来获取这些参数：

mounted() {
  this.data = JSON.parse(this.$route.query.data)
}

2. 使用params参数：

params参数也可以传递数据，但是它会将数据直接写在URL中，因此不适合传递大量数据。例如：

this.$router.push({
  path: '/destination/' + JSON.stringify(largeData)
})

在目标组件中，可以通过`$route.params`来获取这些参数：

mounted() {
  this.data = JSON.parse(this.$route.params)
}

3. 使用store：

如果数据需要在多个组件之间共享，可以将它们存储在Vuex的store中，然后在目标组件中获取。例如：

// 在store中定义state和mutation
state: {
  largeData: null
},
mutations: {
  setLargeData(state, data) {
    state.largeData = data
  }
}

// 在源组件中调用mutation来保存数据
this.$store.commit('setLargeData', largeData)

// 在目标组件中获取数据
mounted() {
  this.data = this.$store.state.largeData
}

以上是一些传递大量数据的方法，你可以根据自己的实际情况选择适合的方式。