页面中组件的生命周期钩子没有被调用，刷新页面后才会被调用。

记录自己遇到问题，页面中的组件的生命周期函数，每次都不会被调用，必须刷新页面才行。解决办法：

如果组件的生命周期钩子在刷新页面后才被调用，可能是因为你的页面缓存机制导致的。在某些情况下，浏览器会缓存页面及其组件，以提高页面加载速度。当你刷新页面时，浏览器会重新请求页面及其组件，这时候组件的生命周期钩子才会被触发。

你可以尝试在页面组件上使用以下命令来禁用缓存：

<template>
  <div :key="Math.random()">
    <!--组件内容-->
  </div>
</template>

通过在组件的根元素上添加 “:key” 属性并设置为一个随机数，可以强制VueJS在每次组件渲染时生成一个新的 DOM，以避免浏览器缓存组件。这应该可以解决组件在刷新页面后才被调用的问题。

测试之后正常。