router.push出现异步

在JavaScript中，`router.push`方法用于导航到新的路由。这个方法返回一个Promise对象，表示导航操作的完成或失败。这使得您可以使用异步编程来处理导航过程中的各种情况，例如加载数据或执行其他操作。

使用`router.push`方法时，您可以指定一个可选的回调函数作为第二个参数，该函数将在导航完成后被调用。这个回调函数可以接受两个参数：`transition`对象和`promise`对象。

* `transition`对象包含了有关导航过程的信息，例如新路由的名称、导航的状态等。
* `promise`对象是一个Promise对象，代表了导航操作的最终结果。这意味着您可以使用`.then()`或`.catch()`方法来处理这个Promise对象，以处理导航成功或失败的情况。

以下是一个使用`router.push`方法的示例：

// 假设有一个名为'/new-route'的新路由
const router = new VueRouter({
  routes: [
    { path: '/old-route', component: OldComponent },
    { path: '/new-route', component: NewComponent }
  ]
});

// 使用异步方式导航到新路由
router.push('/new-route').then(() => {
  // 导航成功后的操作
}).catch((error) => {
  // 导航失败的处理逻辑
});

在上面的示例中，当导航到新路由成功时，`.then()`方法将被调用。您可以根据需要执行相应的操作，例如加载数据或显示加载指示器。如果导航失败，则可以使用`.catch()`方法来处理错误。

请注意，`router.push`方法返回的Promise对象是基于Vue Router的Promise API实现的，因此您可以使用任何适用于Vue Router Promise API的工具或库来处理异步导航。