Vue-Router-将数据从一个路由组件传递到另一个

Question

我需要帮助。我在一个组件（projects.vue）“ / projects”中具有对象数组。我想将该值传递给另一个组件（details.vue）“ / details”。在这些对象中，我具有“ id”属性和“ name”属性。因此-目标是在details.vue中创建模板，该模板可以显示那些对象的“名称”属性，例如-<h1>{{projects[1].name}}</h1>。 必须将ID用作键值。

在details.vue中，我有以下方法：

created() {
   
    this.$http.get('/projects/' + this.id)
    .then(function(data){
       // console.log(data)
        this.project = data.body;
        console.log(data.body)
    })
}

我是vue-router的新手，感到困惑。 预先感谢。

Answer 1

您有多种选择，可以使用vuex在应用程序的生命周期内保留数据（并在组件之间共享）。

您还可以将数据作为路由参数发送，或使用其他服务来存储数据。

但是我通常建议使用vuex进行此类任务。