知识点记录

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
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

文章收藏

1. Async with Composition API (antfu.me)
2. 云风的 BLOG: 程序员应该怎样提高自己 (codingnow.com)
3. 工程师如何明白的做事情 - Tw93