vue 计算属性和监听器区别

上海疫情还没过去，裁员的噩耗又来了，，，快卷不动了！最近火急火燎的搞面试，趁复习面试题，总结一下。关于计算属性和监听器vue官方文档写的很简单，博客上也大相径庭。（我也只记的大概，哈哈）懒得查来查去所以整合下来。仅供大家参考，哈哈哈~

vue 2.x：
computed（计算属性）：
1，监听值未在data中定义，以return返回值形式；
2，计算属性的值会被缓存，只有实例中相关依赖值改变时，才重新计算，性能好但不适合做异步请求；
3，计算属性默认只有get来读取，手动修改计算属性时，会触发手写的set函数。

watch(监听器）：
1，监听值要在data中先定义，可以不写return返回值；
2，不支持缓存，可以做异步操作；
3，监听值改变，回调函数自动调用。

vue 3.x：
computed（计算属性）：
1，以函数返回的形式定义；

2，提供watchEffect等函数；

3，手动修改计算属性时，会触发手写的set 函数的对象。

watch(监听器）：
1，监听器封装成了函数；

2，可以同时监听多个属性变化。

就到这里啦 \
顺便贴出 ——>vue 3.x官网相关文档地址

vue 计算属性和监听器区别相关推荐

vue计算属性和监听器区别
区别计算属性可以简化差值表达式写法计算属性变量定义在computed中,可以直接使用在{}中的,跟methods中函数类似,只不过有利于缓存,性能更好计算属性可以防止监听属性的滥用,但一些异步请 ...
vue计算属性与监听器的区别
vue计算属性与监听器的区别计算属性(computed) 监听器(watch) 监听data中没有的值监听data中有的值使用时触发使用不会触发值有变化就触发值有变化就触发没有settt ...
[vue] watch和计算属性有什么区别？
[vue] watch和计算属性有什么区别? 一个是侦听属性,一个是计算属性 2.一个是为了应对复杂的逻辑计算,一个是对数据的变化作出反应 3.一个是只有当缓存改变时才执行,一个是只要从新渲染就会执行 ...
计算属性与监听器、Vue 实例的生命周期
本文是我在学习过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习. 计算属性与监听器.Vue 实例的生命周期前言一.计算属性 1.1.计算属性初步理解 1.2.计算 ...
你知道，什么时候用Vue计算属性吗？
摘要:当我们处理复杂逻辑时,都应该使用计算属性. 本文分享自华为云社区<深入理解计算属性,知道什么时候该用Vue计算属性吗?>,作者: 前端老实人 . 计算属性有些时候,我们在模板中放入 ...
Vue计算属性、监视属性
一.Vue计算属性 1. 定义:要用的属性不存在,要通过已有属性计算得来 2. 原理:底层借助了Object.defineproperty方法提供的getter和setter 3. get函数什么时候 ...
Vue计算属性实现成绩单，Vue计算属性
Vue计算属性实现成绩单代码如下: <!DOCTYPE html> <html><head><meta charset="utf-8"& ...
vue教程2-03 vue计算属性的使用 computed
vue教程2-03 vue计算属性的使用 computed computed:{b:function(){ //默认调用getreturn 值}}--------------------------c ...
vue修改计算属性的值_八.Vue计算属性
Vue计算属性前言我们要做的是springboot和vue.js所做的前后端分离的hr项目,所以从来没接触到vue的小伙伴,可以这篇文章学Vue入门,这一篇就够了模板内的表达式非常便利,但是设 ...

vue 计算属性和监听器区别

vue 计算属性和监听器区别相关推荐

最新文章

热门文章