zoukankan      html  css  js  c++  java
  • 面试题系列---【vue中watch原理】

    vue中watch原理

    1、普通的watch

    2、对象属性的watch:

     1.对象和数组都是引用类型,引用类型变量存的是地址,地址没有变,所以不会触发watch。这时我们需要进行深度监听,就需要加上一个属性 deep,值为 true

     2.watch有一个特点,当值第一次绑定的时候,不会执行监听函数,只有值发生变化时才可以,如果想要最初绑定值的时候也执行函数,需要加immidiate属性(下列代码自己手动添加哦,本人懒)

    注意:只要对象的属性发生变化,就会执行handler函数;如果将监听对象中的具体属性,则可以通过计算属性computed作为中间层进行监听,例如:

    Watch和computed的区别

    • Watch

        watch用于观察和监听页面上的vue实例,当你需要在数据变化响应时,执行异步操作,或高性能消耗的操作,那么watch为最佳选择

    • computed

        可以关联多个实时计算的对象,当这些对象中的其中一个改变时都会触发这个属性
        具有缓存能力,所以只有当数据再次改变时才会重新渲染,否则就会直接拿取缓存中的数据。

  • 相关阅读:
    rocketMQ部署
    Redis Cluster集群搭建
    如何为nginx配置https(免费证书)
    台式机主机u盘安装centos7报错及注意事项
    docker运行模式图
    Mysql5.7版本安装
    Jumpserver安装过程
    macos系统安装mysql
    macos系统安装nginx
    一些小知识总结(虽然可能没用)
  • 原文地址:https://www.cnblogs.com/chenhaiyun/p/14906659.html
Copyright © 2011-2022 走看看