![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 65
丹仙
这个作者很懒,什么都没留下…
展开
-
Vue的透传 Attributes
Vue的透传是一种有用的模式,可以在特定场景下简化组件之间的通信。然而,它并不是所有情况下的最佳选择,需要根据具体的应用场景和需求来决定是否使用。原创 2024-04-25 14:55:16 · 1381 阅读 · 3 评论 -
Vue自定义指令(Custom Directives)
当所需功能只能通过直接的DOM操作时,才应该使用自定义指令。换句话说,自定义指令的作用是:重用(重复利用)涉及普通元素的底层 DOM 访问的逻辑。你可以使用原创 2024-04-19 10:37:55 · 598 阅读 · 2 评论 -
Vue的KeepAlive(如何缓存组件状态?)
是Vue的一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。是 Vue 中一个非常有用的组件,它可以帮助我们提高应用的性能,减少不必要的组件销毁和重建。但是,在使用它时,我们也需要注意其适用场景和生命周期钩子的差异,以确保正确地使用它。原创 2024-04-19 16:19:55 · 762 阅读 · 0 评论 -
记录一下Vue响应式系统和如何更新DOM(DOM更新时机)
例如,你可能在一个方法中先修改了一个变量的值,然后又修改了另一个变量的值。如果Vue在每次数据状态改变时都立即去更新DOM,那么对于每一个数据状态的修改,DOM都会更新一次,这样会导致大量的、不必要的DOM操作,降低性能。在Vue.js中,当你修改了一个响应式的数据(例如,你改变了一个组件中的某个变量的值),Vue知道这个数据的变化,并希望将这个变化反映到DOM上。简单来说,Vue不会立即更新DOM来反映数据状态的变化,而是会等待一个合适的时机(即“next tick”)来统一更新DOM,从而提高性能。原创 2024-04-10 16:56:15 · 362 阅读 · 0 评论