如何停止在vue路由器中重新加载组件？

Question

我试图在其上找到一些文章，但找不到任何文章。

我正在使用vue路由器并通过axios在创建的钩子中加载数据。问题是，每次用户访问下一条路线并回来时，我都不想调用创建的钩子。因此，当用户单击回来时，当前创建的钩子会运行，从数据库重新加载数据。我想要的是阻止重新呈现数据和使用已加载的先前组件。

谢谢。

Answer 1

您可以创建变量，例如initialState用于维护数据，如果为空，则查询数据库，否则从变量中获取。

const initialState = {
  counter: 0,
};
export default {
  name: 'ComponentName',
  created() {
    initalState.counter += 1;
    console.log(initalState.counter);
  }
}

如果您刷新浏览器，那么变量将重置为原点，在这种情况下您可以使用localstorage