自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 问答 (1)
  • 收藏
  • 关注

原创 Vue的透传 Attributes

Vue的透传是一种有用的模式,可以在特定场景下简化组件之间的通信。然而,它并不是所有情况下的最佳选择,需要根据具体的应用场景和需求来决定是否使用。

2024-04-25 14:55:16 1194 3

原创 Vue的KeepAlive(如何缓存组件状态?)

是Vue的一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。是 Vue 中一个非常有用的组件,它可以帮助我们提高应用的性能,减少不必要的组件销毁和重建。但是,在使用它时,我们也需要注意其适用场景和生命周期钩子的差异,以确保正确地使用它。

2024-04-19 16:19:55 708

原创 Vue自定义指令(Custom Directives)

当所需功能只能通过直接的DOM操作时,才应该使用自定义指令。换句话说,自定义指令的作用是:重用(重复利用)涉及普通元素的底层 DOM 访问的逻辑。你可以使用

2024-04-19 10:37:55 567 2

原创 记录一下Vue响应式系统和如何更新DOM(DOM更新时机)

例如,你可能在一个方法中先修改了一个变量的值,然后又修改了另一个变量的值。如果Vue在每次数据状态改变时都立即去更新DOM,那么对于每一个数据状态的修改,DOM都会更新一次,这样会导致大量的、不必要的DOM操作,降低性能。在Vue.js中,当你修改了一个响应式的数据(例如,你改变了一个组件中的某个变量的值),Vue知道这个数据的变化,并希望将这个变化反映到DOM上。简单来说,Vue不会立即更新DOM来反映数据状态的变化,而是会等待一个合适的时机(即“next tick”)来统一更新DOM,从而提高性能。

2024-04-10 16:56:15 226

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除