解释 Vue 的计算属性和监视属性的区别。

简介: 解释 Vue 的计算属性和监视属性的区别。

Vue 中的计算属性computed和监视属性watch主要有以下区别:

  • computed是计算属性,用于根据现有属性的值计算生成新的数据,并且数据依赖其它的数据。watch是监视属性,用于监视已存在的数据,当数据发生变化时调用回调函数。
  • computed必须有返回值,而watch可以没有返回值。
  • computed不能包含异步代码,而watch可以运行异步代码。
  • computed是依赖已有的变量来计算一个新变量,大多数情况都是多个变量凑在一起计算出一个变量,并且computed具有缓存机制,依赖值不变的情况下其会直接读取缓存进行复用,computed不能进行异步操作。watch是监听某一个变量的变化,并执行相应的回调函数,通常是一个变量的变化决定多个变量的变化,watch可以进行异步操作。

综上所述,在使用Vue进行开发时,应根据具体需求选择合适的属性。

目录
相关文章
|
2天前
|
JavaScript
vue的生命周期
vue的生命周期
10 3
|
2天前
|
JavaScript 编译器 API
vue2和vue3区别
vue2和vue3区别
11 4
|
1天前
|
缓存 JavaScript
什么是vue的计算属性?为什么使用?怎么使用?举例说明
什么是vue的计算属性?为什么使用?怎么使用?举例说明
|
1天前
|
缓存 JavaScript 前端开发
Vue基础
Vue基础
13 2
|
2天前
|
JavaScript 前端开发 API
什么是vue
什么是vue
11 4
|
2天前
|
JavaScript 前端开发
vue的生命周期
vue的生命周期
11 2
|
2天前
|
JavaScript API 开发者
Vue中双向数据绑定是如何实现的?底层原理简介
Vue中双向数据绑定是如何实现的?底层原理简介
9 4
|
2天前
|
JavaScript 安全 前端开发
vue怎么处理跨域,原理?
vue怎么处理跨域,原理?
14 2
|
2天前
|
资源调度 JavaScript
vue的跳转传参
vue的跳转传参
8 0
|
2天前
|
缓存 JavaScript 开发者
什么是vue的计算属性
什么是vue的计算属性
7 0