- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue中computed和watch的区别
性能：对于需要频繁计算且结果不易改变的数据，computed由于其缓存机制而更优；而对于需要在数据变化时执行特定操作的场景，即使操作较重，watch是更好的选择。逻辑复杂度：简单的计算逻辑和衍生状态更适合用computed，而涉及复杂业务逻辑、异步操作或需要执行副作用时，使用watch。代码风格computed倾向于声明式编程，使代码更易于理解和维护；watch则提供了更多的灵活性，适用于处理更复杂的逻辑。
2024-06-27 13:27:19
272
原创 watch监听
watch: {message: {},// 是否在初始绑定时立即调用一次handler函数// 是否深度监听对象内部的属性变化deep: truehandler: 必需，监听器的处理函数，当被监听的数据变化时调用。immediate: 可选，默认为false。如果设置为true，则在watcher被初始化时立即调用一次handler函数。deep: 可选，默认为false。如果被监听的数据是对象，设置为true后可以进行深度监听，即对象内部属性的变化也会被监听到。
2024-06-27 11:42:12
257
原创 Computed计算函数getter和setter
计算属性的getter和setter参数固定，getter没有参数，setter只有一个参数。1.get方法是当属性被读取时触发，在计算属性中，如果计算属性依赖数据发生变化时会调用get方法，并且会将返回结果缓存起来。2.get方法必须需要一个返回值3.set只有在对计算属性直接赋值的时候触发3.如果set方法没有改变get方法中的依赖数据，则get方法不会再次调用，而是直接使用缓存值。
2024-06-26 17:49:09
498
原创 Computed计算属性
计算属性是Vue框架中的一个核心特性，它为开发者提供了一种高效的数据处理方式，特别是在处理复杂的逻辑和依赖关系时，能够显著提高应用的性能和可维护性。是基于它们的依赖进行缓存的。只有当依赖发生变化时，它们才会重新计算。这与直接在模板中使用方法（methods）来计算值不同，因为方法会在每次调用时都执行函数。
2024-06-26 10:41:28
189
原创 localStorage监听
localStorage监听实现通过改写localStorage.setItem方法，增加了一个事件通知机制，使得每当有数据写入本地存储时，都会触发一个自定义事件，便于开发者监听这一变化并作出相应的处理。
2024-06-19 10:20:05
281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人