怎么阻止vue的数据更新刷新事件

Posted 2023-04-20

参考技术A 一般使用 Vue 开发时，不需要摸 window.onload 这类 DOM 相关的 API，而是使用 Vue 封装的组件生命周期钩子：

export default
// ...
// 在组件初始化时调用，可以简单理解为页面加载时
created ()
// 存在 localStorage 的缓存内容
if (localStorage.data)
this.myData = JSON.parse(localStorage.data)

else
// 页面无缓存内容时，初始化数据并写入缓存
this.initData()


// 在组件销毁前调用，但这并不能监听到页面退出的事件
beforeDestory ()
// 在此同样可对 localStorage 做一些处理

vue 强制刷新子组件

参考技术A 把一个组件重置到初始状态是一个常见的需求，推荐的做法有两种，一种是父组件重置子组件的 prop，另一种是子组件暴露一个重置的方法供父组件调用。但有些时候，子组件既没有提供重置的方法，也没提供 prop 来重置自己的状态。更重要的是，这个子组件我们还动不了。于是我们就需要一种 hack 的方式来强制子组件重置到初始状态。方法如下：

总结一下：还是要不断学习，才会有进步，思维很重要。