相关疑难解决方法(0)

我是一名 Vue.js 开发人员，正在了解从 Vue 2 添加到 Vue 3 的新功能，即 Composition API（在 Vue 3 中添加）。

对于状态管理来说，随着 Vue 3 的发布，社区似乎正在从使用 Vuex 转向 Pinia。

Pinia 与 Vuex 之间有什么区别？从概念上讲，Vue 2 到 Vue 3 发生了什么变化，使得 Pinia 更适合 Vue 3？

谢谢。

我有一个vue包含方法的组件，该方法包含尝试推送到另一个vue组件的路由器推送：

获取Animal.vue：

...
this.$router.push({
    name: "/viewanimal",
});
...

我有这个路由器的映射：

路由器.js：

{
    path: "/viewanimal",
    component: () => import('./views/DisplayAnimal.vue')
},
{
    path: "/getanimal",
    component: () => import('./views/GetAnimal.vue')
}

然而，当里面的代码GetAnimal.vue被执行时，我在控制台中得到了这个：

我被定向到http://localhost:8080/.

我也试过

...
this.$router.push({
    name: "viewanimal",
});
...

但它也不起作用。

编辑：

我试过： router.js：

  {
            path: "/viewanimal",
            name: "viewanimal",
            component: () => import('./views/DisplayAnimal.vue')
        },
        {
            path: "/getanimal",
            name: "getanimal",
            component: () => import('./views/GetAnimal.vue')
        }

获取Animal.vue：

 console.log("this.animal: " + JSON.stringify(this.animal));  //displays good JSON …