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

【问题标题】：How to stop reloading the components in vue router?如何停止重新加载 vue 路由器中的组件？
【发布时间】：2018-07-18 12:24:29
【问题描述】：

我试图找到一些关于它的文章，但找不到。

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

谢谢。

【问题讨论】：

标签： vuejs2 vue-router

【解决方案1】：

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

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

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

【讨论】：