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

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

  • 相关阅读:
    JQuery有几种选择器?
    Java有哪些基本数据类型
    您认为做好测试用例设计工作的关键是什么?
    final关键字
    目前主要的测试用例设计方法是什么?
    举例说明同步和异步。
    maven配置多个镜像
    参数Parameters、变量Variables
    jsp文件导包
    动态横切
  • 原文地址:https://www.cnblogs.com/chenhaiyun/p/14906659.html
Copyright © 2011-2022 走看看