Vue05/Vue computed 和 watch 区别（面试点）

最新推荐文章于 2024-09-30 15:42:36 发布
最新推荐文章于 2024-09-30 15:42:36 发布
阅读量96 收藏
点赞数
文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64494670/article/details/127636377
版权

一.computed 和 watch

1.computed 和 watch 相似之处

(1) 都可以监视到数据的变化

(2) computed是依赖数据计算得出的值 依赖的数据变化 就会自动重新计算

2.computed 和 watch 区别

computed

  • 他是一个属性 可以直接使用 不能和data同名

  • 必须要有返回值

  • 不能做异步操作

  • 有缓存

watch

  • 他是监视一个数据 所以必须和要监视的数据同名

  • 不需要返回值

  • 可以做异步操作

  • 没有缓存

春暖花开.,
关注
Vue中computed和watch区别
小陈的博客
10-30 1万+
watch和computed都是以Vue的依赖追踪机制为基础的，当某一个依赖型数据发生变化的时候，所有依赖这个数据的相关数据会自动发生变化，即自动调用相关的函数，来实现数据的变动。当依赖的值变化时，在watch中，可以做一些复杂的操作，而computed中的依赖，仅仅是一个值依赖于另一个值，是值上的依赖。最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。
vue面试题：computed和watch区别
weixin_51761552的博客
03-10 135
computed和watch使用场景及各自的特点，不同点
computed计算属性和data_computed与watched选项的比较
weixin_40007175的博客
12-13 239
computed：通过属性计算而得来的属性1.支持缓存，只有依赖数据发生改变，才会重新进行计算；computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过的数据通过计算得到的。2.不支持异步，当computed内有异步操作时无效，无法监听数据的变化。3.computed中的属性都有一个get和一个set方法，如果computed属性属性值是函数，那么...
前端经典面试题 | Vue的computed 和 watch的区别
CoderHing的博客~
10-30 1347
目录一、回答点二、深入回答1.实现原理2.适用场景computed是模版表达式的声明式描述,会创建一个新的响应式数据.而watch是响应式数据的自定义侦听器,用于响应数据的变化.computed具有缓存性及可依赖多个属性,getter函数没不良作用等特点.watch更适合异步或开销大的操作.总结: computed计算属性:依赖其他属性值,computed有缓存,只有它依赖的值发生改变,下次获取computed的值时才会重新计算它. watch侦听器:更多的是起到了观察的作用,无
vue -监视属性与计算属性
qq_52135740的博客
07-26 449
监视属性 监视属性watch： 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监视的两种写法： (1).new Vue时传入watch配置 (2).通过vm.$watch监视 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>天气案例_监视属性</title> <!-- 引入Vue
面试题： Vue中的 computed 和 watch的区别
weixin_34319817的博客
03-26 3622
computedcomputed看上去是方法，但是实际上是计算属性，它会根据你所依赖的数据动态显示新的计算结果。计算结果会被缓存，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算1）下面是一个比较经典简单的案例<template> <div class="hello">...
前端vue面试
qq_36142428的博客
04-29 474
用户登陆产品了解生命周期vuex数据平台干嘛vueX怎么持久localstore和cokIE区别路由传惨路由传惨两种方式区别 1.谈一谈你对keep-alive的了解P1 2.三、v-if&v-show的区别 3.四、v-if和v-for优先级 4.五、ref是什么？ 5.六、nexttick是什么？ nexttick插件场景 Create----请求数据 Mouted----插件 6.七、scoped原理 ...
vue//Vue 中 computed 和 watch 的差异？
weixin_37877794的博客
07-27 76
computed 是计算一个新的属性，并将该属性挂载到 Vue 实例上，而 watch 是监听已经存在且已挂载到 Vue 实例上的数据，所以用 watch 同样可以监听 computed 计算属性的变化； computed 本质是一个惰性求值的观察者，具有缓存性，只有当依赖变化后，第一次访问 computed 值，才会计算新的值。而 watch 则是当数据发送变化便会调用执行函数； 从使用场景上来说，computed 适用一个数据被多个数据影响，而 watch 使用一个数据影响多个数据。 ...
vue2/vue3中computed和watch的区别
A15296091743的博客
12-13 405
/只要数据一变化，console.log就会打印，意味着可以在这里面设置一些方法，可以随着数据变动随时调用。2、watch，只要数据变化，就会触发watch，console.log会随时打印。console.log("测试的", data .value);//如果页面没有嗲用data，就不会执行console.log。1、computed，只有在页面调用的时候，才会监听数据变化。console.log('需要监听的内容哦')
vue中watch和computed的区别与使用方法
10-14
**watch 和 computed 的区别** 1. 计算属性是自动计算的，并且只有在依赖变化时才更新，而 watch 会在每次数据变化时执行回调。 2. 计算属性支持缓存，而 watch 不支持。 3. watch 更适合处理数据变化后的异步操作，...
vue面试题；Vue中的computed和watch有什么区别？请举例说明
06-07
Vue中的computed和watch有什么区别？请举例说明。 请解释Vue的生命周期函数及其执行顺序。 请解释Vue的指令和组件的区别，以及它们各自的用途。 Vue使用v-model指令时，如何自定义输入框的类型？ Vue的路由是...
day01
JiangMeiXue的博客
09-25 260
目录。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 439
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
登录功能开发 P167重点
最新发布
2303_81204446的博客
09-30 148
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Web认识 -- 第一课
ZxVSaccount的博客
09-30 812
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 2401
Webpack 打包后文件过大，如何优化？
前端规范工程-2：JS代码规范（Prettier + ESLint）
Vinca@的博客
09-26 719
Prettier 主要关注代码的格式，而 ESLint 则关注代码的质量和规范。结合使用这两个工具，可以极大地提高代码的可读性和维护性，同时减少潜在的错误和不一致性。
前端面试经验总结2(经典问题篇)
rita_0567的博客
09-28 873
因为计算机技术的快速发展，所以程序员如果不能保持对技术的持续性学习，会更容易的被淘汰，我从来不觉得程序员是一个轻松的职业，但是程序员是我最热爱的职业，我做好了充足的准备让自己能够长期在前端行业深耕。既要扩充自己的知识宽度，同时又不要一味的追求学习的东西越多越来，今天学两天这个，明天学两天那个，工作中又没有得到使用的话，很快也都会忘记的。了解，贵公司主要是在xxx行业从事xxx业务，贵公司所处的行业是我非常看好的，我感觉贵公司的氛围我很喜欢，比如xxxx。遇到了哪些挑战，我如何在不利的条件下成长起来的。
VUE面试题-区分computed和watch的作用、概念和用法
"computed: 不能有异步，只能同步 watch: 可以有异步操作 二、Vue 中组件间的通信方式 1、Props / $emit 父组件通过 props 向子组件传递数据，子组件通过 $emit 触发自定义事件通知父组件。 2、$attrs / $...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值