watch computed

watch的底层实现机制:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767

🔆watch使用了Vue.js提供的$watch方法来监听数据的变化。当我们定义一个watch选项时,Vue.js会在组件实例创建时,遍历这些watch选项,并通过$watch方法对相应的数据进行监听。

🔆watch可以监听单个数据的变化,也可以监听多个数据的变化,通过对象的形式进行定义。在数据发生变化时,相应的回调函数会被触发,我们可以在回调函数中执行我们需要的操作。

computed的底层实现机制:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767

🔆computed使用了Vue.js提供的计算属性的机制。在定义计算属性时,我们通过编写计算属性的get函数来计算和返回数据,而不是直接在模板中编写逻辑。

🔆Vue.js会为计算属性创建一个依赖追踪器,用于追踪计算属性依赖的数据。当依赖的数据发生变化时,Vue.js会自动重新计算计算属性的值,并将计算结果缓存起来。

🔆当计算属性被访问时(如在模板中使用),Vue.js会检查计算属性所依赖的数据是否发生了变化。如果没有变化,则直接返回缓存的计算结果,如果有变化,则重新计算并更新缓存。
全部评论

相关推荐

自从我室友在计算机导论课上听说了“刷 LeetCode 是进入大厂的敲门砖”,整个人就跟走火入魔了一样。他在宿舍门口贴了一张A4纸,上面写着:“正在 DP,请勿打扰,否则 Time Limit Exceeded。”日记本的扉页被他用黑色水笔加粗描了三遍:“Talk is cheap. Show me the code。”连宿舍聚餐,他都要给我们讲解:“今天的座位安排可以用回溯算法解决,但为了避免栈溢出,我建议用动态规划。来,这是状态转移方程:dp[i][j] 代表第 i 个人坐在第 j 个位置的最优解。”我让他去楼下取个快递,他不直接去,非要在门口踱步,嘴里念念有词:“这是一个图的遍历问题。从宿舍楼(root)到驿站(target node),我应该用 BFS 还是 DFS?嗯,求最短路径,还是广度优先好。”和同学约好出去开黑,他会提前发消息:“集合点 (x, y),我们俩的路径有 k 个交点,为了最小化时间复杂度,应该在 (x/2, y/2) 处汇合。”有一次另一个室友低血糖犯了,让他帮忙找颗糖,他居然冷静地分析道:“别急,这是一个查找问题。零食箱是无序数组,暴力查找是 O(n)。如果按甜度排序,我就可以用二分查找,时间复杂度降到 O(log n)。”他做卫生也要讲究算法效率:“拖地是典型的岛屿问题,要先把连通的污渍区块都清理掉。倒垃圾可以用双指针法,一个指针从左往右,一个从右往左,能最快匹配垃圾分类。”现在我们宿舍的画风已经完全变了,大家不聊游戏和妹子,对话都是这样的:“你 Two Sum 刷了几遍了?”“别提了,昨天遇到一道 Hard 题,我连暴力解都想不出来,最后只能看题解。你呢?”“我动态规划还不行,总是找不到最优子结构。今天那道接雨水给我整麻了。”……LeetCode 真的害了我室友!!!
老六f:编程嘉豪来了
AI时代还有必要刷lee...
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务