前端每日一题(10.24题目+10.23答案)

人生不止有技术

共 994字,需浏览 2分钟

 ·

2022-10-24 22:11


前端猎手
 链接每一位开发者,让编程更有趣儿!
关注


哈喽,大家好

我是法医


快来和法医一起看看

今天的前端每日一题吧


10月24日~面试题:


10月23日~参考答案:


说一下 watch 与 computed 的区别是什么?以及他们的使用场景分别是什么?

区别:

  1. 都是观察数据变化的(相同)
  2. 计算属性将会混入到 vue 的实例中,所以需要监听自定义变量;watch 监听 data 、props 里面数据的变化;
  3. computed 有缓存,它依赖的值变了才会重新计算,watch 没有;
  4. watch 支持异步,computed 不支持;
  5. watch 是一对多(监听某一个值变化,执行对应操作);computed 是多对一(监听属性依赖于其他属性)
  6. watch 监听函数接收两个参数,第一个是最新值,第二个是输入之前的值;
  7. computed 属性是函数时,都有 get 和 set 方法,默认走 get 方法,get 必须有返回值(return)

watch 的 参数:

  • deep:深度监听
  • immediate :组件加载立即触发回调函数执行

computed 缓存原理:

conputed本质是一个惰性的观察者;当计算数据存在于 data 或者 props里时会被警告;

vue 初次运行会对 computed 属性做初始化处理(initComputed),初始化的时候会对每一个 computed 属性用 watcher 包装起来 ,这里面会生成一个 dirty 属性值为 true;然后执行 defineComputed 函数来计算,计算之后会将 dirty 值变为 false,这里会根据 dirty 值来判断是否需要重新计算;如果属性依赖的数据发生变化,computed 的 watcher 会把 dirty 变为 true,这样就会重新计算 computed 属性的值。

每天都会有一道面试题,大家的积极参与和讨论,是我继续下去的动力,希望大家踊跃互动,共同进步!保持学习,每天进步一点点!


大家可以将自己的想法在评论区留言,答案我会在明天每日一题中公布!



RECOMMEND


推荐阅读

   

我的年中总结:生活可能就是这样,看似平淡,也始终向前

坚持的最高境界——善护念

一入“远程”终不悔,有人欢喜有人愁

程序员的快乐到底是什么?

程序猿终身学习有必要吗?这篇文章就是最好的答案

2022程序员跳槽不完全指南


浏览 19
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报