zoukankan      html  css  js  c++  java
  • VUE中methods与computed和watch的区别

    背景

    今天在写根据后台传递过来的数据,整合为一个新的值.显示在界面上的时候.遇到了一个问题.是该使用watch还是computed来完成数据的计算呢.

    解释

    • 他们的功能与他们的意思是一样的.
      • computed就是做一些计算的动作.根据现有数据做一些计算.之后返回一个新的数据.这个数据会被显示在用户界面上.
      • watch是用来监听.与node后台的listen类似.监听到数据的变化之后做一些事情.这些事情可以是异步的.

    下面是在网上查了它们之间的区别

    • methods在每次页面进行重新渲染的时候,都会去执行一次.这样做开销比较大.如果不希望页面有缓存的情况下,可以这么做
    • computed
      • computed中的属性是自定义属性.自定义属性依赖来自data中的值来进行计算,从而返回一个新的值.
      • 且computed的变量不可与data中的变量冲突.
      • computed是可以监控到数组与对象的变化的.
    • watch
      • watch中监听的属性需要是已经存在的.存在于data中,或者是computed中.
      • watch中可以执行异步操作.一般使用watch做一些逻辑复杂或者是异步操作的事情.
      • 以及监听到这个数据变化之后去做一些别的事情.

    参考

  • 相关阅读:
    [gym102832J]Abstract Painting
    [atARC070E]NarrowRectangles
    [atARC070F]HonestOrUnkind
    Cupid's Arrow[HDU1756]
    Surround the Trees[HDU1392]
    TensorFlow-正弦函数拟合
    某新版本不兼容老版本代码的语言的一点基础了解
    TensorFlow安装
    离散快速傅里叶变换
    2016"百度之星"
  • 原文地址:https://www.cnblogs.com/gtscool/p/13546860.html
Copyright © 2011-2022 走看看