• mehtods、computed、watch有什么区别


    1、使用场景

            methods一般用于封装一些较为复杂的逻辑(同步、异步)

            computed一般用于封装一些简单的同步逻辑

            watch一般用于当需要在数据发生变化时执行异步或者开销比较大的操作

    2、区别

            methods VS computed

            通过实例会发现,如果再一次渲染中,有多个地方使用了用一个methods或computed属性,methods会被执行多次,computed的回调函数则只会被执行一次。

            在源码里,在一次渲染中,多次访问computedProperty,只会在第一次执行computed属性的回调函数,后续其他访问,则直接使用第一次执行的结果(watcher.value),而这一期的实现原理是通过watcher.dirty属性控制实现的,而methods,每次访问则是使用简答的方法调用this.xxMethods

            computed VS watch

            通过源码可以知道 computed和watch的本质是一样的,内部都是wather来实现的,没有啥区别,主要区别是就两点:1、使用场景上的区别2、computed是懒执行的,不可更改

    使用场景上的区别主要是已下的区别:

            computed是计算属性,watch是监听一个值的变化,然后执行对应的回调

            computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调

            是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。

            computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate属性,设置为true(immediate:true)

            methods VS watch

            methods和watch之间没有什么可比的,完全是两个东西,不过在使用上可以把watch中一些逻辑抽象到methods上

  • 相关阅读:
    Modbus TCP什么场景用?
    动态规划TLE之后转向单调栈的解题路径——LeetCode 84 柱状图中的最大矩形(困难)
    “蔚来杯“2022牛客暑期多校训练营6 C题: Forest
    Jenkins学习笔记
    何时/如何使用 std::enable_shared_from_this<T>?
    【Linux集群教程】03 多级负载均衡 & Squid
    Excel有用技巧
    SpringBoot怎么自定义一个Starter ?
    EasyPoi——导出导入表格数据工具
    人工智能轨道交通行业周刊-第7期(2022.7.25-7.31)
  • 原文地址:https://blog.csdn.net/wangjiakang12306/article/details/125510921