watch和computed都是以Vue的依赖追踪机制为基础的,它们都试图处理这样一件事情:当某一个数据(称它为依赖数据)发生变化的时候,所有依赖这个数据的“相关”数据“自动”发生变化,也就是自动调用相关的函数去实现数据的变动。

computed:

例如:

computed:{
  fullName: function () { return aa }
}
在用的时候,用this.fullName去取用,就和取data一样(不要当成函数调用!!)

watch:类似于监听机制+事件机制:

例如:

watch: {
  firstName: function (val) { this.fullName = val }
}

firstName这个变量的改变是这个特殊“事件”被触发的条件,而firstName对应的函数就相当于监听到事件发生后执行的方法

watch和computed的对比

1.watch擅长处理的场景:一个数据影响多个数据

2.computed擅长处理的场景:一个数据受多个数据影响

最新文章

  1. PE530 : GCD of Divisors
  2. HTML5学习总结-01 开发环境和历史
  3. 计算机中的DMA的多种含义?
  4. ArrayList和Hashtable
  5. 使用dom4j对xml文件进行增删改查
  6. HDU 1001 Sum Problem
  7. Easyui datagrid 批量编辑和提交
  8. 蓝桥网试题 java 基础练习 十六进制转八进制
  9. 序列化之protobuf与avro对比(Java)
  10. Odoo 10的Linux安装
  11. centos7安装python3 以及tab补全功能
  12. 【刷题】BZOJ 2759 一个动态树好题
  13. 将lits集合转化为树状结构
  14. Android开发环境的发展演变调研
  15. 使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码
  16. linux ps 命令的查看
  17. Visual Leak Detector简明使用教程
  18. pyqt5 使用 QTimer, QThread, pyqtSignal 实现自动执行,多线程,自定义信号触发。
  19. Python编程练习题学习汇总
  20. EPANET头文件解读系列6——HASH.H

热门文章

  1. C—LINQ小结
  2. RabbitMQ使用(上)
  3. 匿名函数及paramiko模块
  4. VS2017使用dotnet命令
  5. linux 扩展正则表达式 egrep
  6. linux中文件属性
  7. 图——图的Dijkstra法最短路径实现
  8. JetBrains下载历史版本
  9. 1、Java语言概述与开发环境——Java特性和技术体系平台
  10. vue项目如何监听窗口变化,达到页面自适应?