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