vue新增数据后，另一个页面同步数据

要实现这个功能，你需要使用 Vue.js 的全局事件总线。具体来说，你可以在 Vue 实例上创建一个事件总线，然后在新增数据的地方触发一个事件，另一个页面在创建时监听这个事件，一旦事件触发，就可以重新获取数据。

以下是一个简单的示例代码，假设你的事件名称为 "data-updated"：

// 在一个 Vue 实例上创建事件总线
const bus = new Vue();

// 在新增数据的地方触发事件
bus.$emit('data-updated');

// 在另一个页面监听事件
export default {
  created() {
    bus.$on('data-updated', () => {
      // 这里重新获取数据
    });
  }
}

需要注意的是，如果你的两个页面不在同一个 Vue 实例中，那么你需要使用一个全局的 Vue 实例来创建事件总线，例如：

// 在全局 Vue 实例上创建事件总线
Vue.prototype.$bus = new Vue();

// 在新增数据的地方触发事件
this.$bus.$emit('data-updated');

// 在另一个页面监听事件
export default {
  created() {
    this.$bus.$on('data-updated', () => {
      // 这里重新获取数据
    });
  }
}

相关问题

vue点击按钮后传数据到另一个页面

你可以使用Vue Router来实现这个功能。首先在Vue项目中安装Vue Router：

npm install vue-router --save

然后在main.js中引入和使用Vue Router：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/destination',
      name: 'destination',
      component: DestinationComponent
    }
  ]
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

上面的代码中定义了一个名为`destination`的路由，它对应的组件是`DestinationComponent`。

在需要传数据的页面中，你可以使用`router.push`方法来跳转到目标页面，并将数据通过路由参数进行传递：

this.$router.push({ name: 'destination', params: { data: yourData }})

在目标页面的组件中，你可以通过`$route.params`来获取路由参数：

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

这样就完成了从点击按钮传递数据到另一个页面的功能。

vue中怎么获取另一个页面的数据

在 Vue 中，可以使用路由参数或 Vuex 状态管理来获取另一个页面的数据。如果使用路由参数，可以在路由配置中定义参数，然后在组件中通过 $route.params 来获取。如果使用 Vuex，可以在一个组件中将数据存储到 Vuex 的 state 中，然后在另一个组件中通过 $store.state 来获取。具体实现方式可以参考 Vue 官方文档或相关教程。