dysong09的博客

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

如果组件的生命周期钩子在刷新页面后才被调用，可能是因为你的页面缓存机制导致的。在某些情况下，浏览器会缓存页面及其组件，以提高页面加载速度。当你刷新页面时，浏览器会重新请求页面及其组件，这时候组件的生命周期钩子才会被触发。通过在组件的根元素上添加 “:key” 属性并设置为一个随机数，可以强制VueJS在每次组件渲染时生成一个新的 DOM，以避免浏览器缓存组件。这应该可以解决组件在刷新页面后才被调用的问题。记录自己遇到问题，页面中的组件的生命周期函数，每次都不会被调用，必须刷新页面才行。