知识点记录
eagerComputed 立刻求值
复杂的计算使用 computed,可以受益于缓存结果和惰性求值。
简单的计算使用 eagerComputed,因为每次依赖项变化时它都会重新计算。对于影响性能的场景,可以使用 eagerComputed 避免不必要的响应式更新来解决性能问题。
https://juejin.cn/post/7077712415252545543?searchId=2023073120002000BE828141971AF9752D
onBeforeRouteUpdate(async (to, from) => {
if (to.params.id !== from.params.id) {
fetchDetails(route.params.id)
}
})
组件之间 状态共享
https://mokkapps.de/vue-tips/share-composable-state-across-components
router.removeRoute
router.addRoute
变量名 一般不要使用name top location self
变量名 一般不要使用name top location self
原因 如: https://www.cnblogs.com/laoyuzhou/p/12981603.html
https://humanwhocodes.com/blog/2007/06/03/javascript-variable-names-you-shouldn-t-use/
VNode hooks
在每个组件或HTML标签上,我们可以使用一些特殊的(文档没写的)钩子作为事件监听器。这些钩子有:
onVnodeBeforeMount
onVnodeMounted
onVnodeBeforeUpdate
onVnodeUpdated
onVnodeBeforeUnmount
onVnodeUnmounted
作者:Chang爱学习
链接:https://juejin.cn/post/7174202066405949454
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。