ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Vue的计算属性和监听属性简述

2022-08-01 09:01:08  阅读:30  来源: 互联网

标签:Vue computed 简述 缓存 计算 数据 监听 属性


  1. Computed(计算属性)

    computed是计算属性,类似于过滤器,对绑定到视图的数据进行处理,并监听变化进而执行对应的方法

    • computed是计算属性,也就是计算值,多用于计算值的场景
    • computed具有缓存性,computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值才会重新调用对应的getter来计算
    • computed适用于计算比较消耗性能的计算场景
  2. Watch

    watch是一个侦听的动作,用来观察和响应Vue实例上的数据变动

    • 更多的是"观察"的作用,类似于某些数据的监听回调,用于观察props$emit或者本组件的值,当数据来回变化时来执行回调进行后续操作
    • 无缓存性,页面重新渲染时值不变化也会执行
    • 浅监听,引用类型拿不到oldvalue,需要使用handlerdeep:true

    属性:handler、immediate、deep

  3. 小结

    • 当要进行数值计算,而且依赖于其他数据,那么把这个数据设计为computed
    • 如果需要在某个数据变化时做一些事情,使用watch来观察这个数据变化

标签:Vue,computed,简述,缓存,计算,数据,监听,属性
来源: https://www.cnblogs.com/shallow-dreamer/p/16538925.html

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有