• 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上

  • 相关阅读:
    rabbitmq发送消息通用接口
    MATLAB从0开始搭建简单的GUI界面
    想当测试Leader,这6项技能你会吗?
    MATLAB编程:逐帧读取视频并转换为图片格式
    jira搜索search issue条目rest实用脚本
    服务器常见问题排查(一)——cpu占用高、上下文频繁切换、频繁GC
    定义一个交通工具(Vehicle)的类
    Tuxera NTFS Mac2022强大的mac读写硬盘/U盘工具
    QGis的使用
    1312. 让字符串成为回文串的最少插入次数
  • 原文地址:https://blog.csdn.net/wangjiakang12306/article/details/125510921