博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中watch和computed的区别
阅读量:3934 次
发布时间:2019-05-23

本文共 809 字,大约阅读时间需要 2 分钟。

watch和computed都是监听数据,都是当依赖的数据发生改变时,被依赖的数据就自动发生改变。

他们之间的区别就是:

1.computed是监听多个数据改变一个数据,一般用于计算一些比较复杂的场景,比如购物车计算价格,就是多对一
watch是监听一个数据从而改变多个数据,通过观察一个数据的变化去改变其他数据,比如搜索框提示列表,就是一对多
2.computed用于计算,watch用于观察
3.computed一定要有return
4.computed具有缓存性,当依赖的数据没有发生变化,就会从缓存中取出数据,所以computed的性能比watch要好一点
5.计算属性不能在data中声明
6.watch中可以进行异步或者开销较大的操作

下面举一个非常简单的例子来说明他们的基本使用方法

computed:

name是由 firstName+secondName 计算出来的

当我改变firstName时,name会自动计算出新的值
改变secondName时,同理,name会自动计算
在这里插入图片描述
代码如下:

watch:

当输入值ipt发生变化时,会通过监听这个数据,来改变其他的各个数据

在这里插入图片描述

转载地址:http://vwrgn.baihongyu.com/

你可能感兴趣的文章
build opencv3.3.0 with VTK8.0, CUDA9.0 on ubuntu9.0
查看>>
how to compile kinfu_remake with cuda 9.0 opencv2.4.13.4
查看>>
qtcreator4.4.1中cmake 与cmake3.5.1本身generate出来的setting是有区别的解决方法
查看>>
CMake Useful Variables/Logging Useful Variables
查看>>
ubuntu下解决csdn网页打不开的问题
查看>>
MySQL server has gone away 问题的解决方法
查看>>
MySQL十大优化技巧
查看>>
PHP中文件读写操作
查看>>
php开发常识b_01
查看>>
PHP单例模式
查看>>
PHP项目设计
查看>>
memcache的安装及管理
查看>>
git 传输
查看>>
创建新项目
查看>>
inux下Git和gitosis的安装与配置
查看>>
1分钟学会用git管理代码
查看>>
git服务端配置
查看>>
印刷工艺- 喷墨印刷
查看>>
纸张大小、规格、度量详解
查看>>
常用纸张规格介绍
查看>>