摸魚(yú)心法第一章——和配置文件說(shuō)拜拜
為了能摸魚(yú)我們團(tuán)隊(duì)做了容器化，但是帶來(lái)的問(wèn)題是服務(wù)配置文件很麻煩，然后大家在群里進(jìn)行了“親切友好”的溝通圖片圖片圖片圖片對(duì)比就對(duì)比，簡(jiǎn)單對(duì)比下獨(dú)立配置中心和k8s作為配
最近在做一個(gè)需求的時(shí)候，用到了一個(gè) Vue3 內(nèi)置的 API，發(fā)現(xiàn)真的非常實(shí)用，分享給大家。
需求是這樣的，我有一個(gè)變量 sum，是通過(guò)computed去計(jì)算的，且 sum 依賴的變量有的是響應(yīng)式的，有的不是響應(yīng)式的，所以會(huì)造成以下的后果，當(dāng)非響應(yīng)式變量改變時(shí)，并不會(huì)觸發(fā)sum 的響應(yīng)式更新，只有響應(yīng)式變量改變時(shí)才會(huì)觸發(fā)sum的響應(yīng)式更新。
圖片
所以我需要用到一個(gè) Vue3 的內(nèi)置 API，它就是customRef。
創(chuàng)建一個(gè)自定義的 ref，顯式聲明對(duì)其依賴追蹤和更新觸發(fā)的控制方式。
圖片
customRef() 預(yù)期接收一個(gè)工廠函數(shù)作為參數(shù)，這個(gè)工廠函數(shù)接受 track 和 trigger 兩個(gè)函數(shù)作為參數(shù)，并返回一個(gè)帶有 get 和 set 方法的對(duì)象。
一般來(lái)說(shuō)，track() 應(yīng)該在 get() 方法中調(diào)用，而 trigger() 應(yīng)該在 set() 中調(diào)用。然而事實(shí)上，你對(duì)何時(shí)調(diào)用、是否應(yīng)該調(diào)用他們有完全的控制權(quán)。
創(chuàng)建一個(gè)防抖 ref，即只在最近一次 set 調(diào)用后的一段固定間隔后再調(diào)用：
圖片
在組件中使用：
圖片
圖片
再回到一開(kāi)始的話題，我遇到的問(wèn)題是：當(dāng)非響應(yīng)式變量改變時(shí)，并不會(huì)觸發(fā)sum 的響應(yīng)式更新，只有響應(yīng)式變量改變時(shí)才會(huì)觸發(fā)sum的響應(yīng)式更新。
所以我們需要當(dāng)非響應(yīng)式變量count1、count2改變的時(shí)候，去手動(dòng)觸發(fā) computed 的計(jì)算，這樣才能更新 sum，但是 computed 返回的不是一個(gè)函數(shù)啊，我們要怎么去手動(dòng)觸發(fā)計(jì)算呢？
所以這時(shí)候就需要一個(gè)可控的 computed，它擁有以下功能：
1、能根據(jù)響應(yīng)式變量去自動(dòng)觸發(fā)計(jì)算更新
2、提供一個(gè)方法讓用戶手動(dòng)去調(diào)用觸發(fā)更新
期望使用方式是這樣的：
圖片
具體的代碼實(shí)現(xiàn)如下：
圖片
本文鏈接：http://www.www897cc.com/showinfo-26-90851-0.htmlVue3 新玩法！我能操控計(jì)算屬性 Computed！
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
上一篇： 智啟未來(lái)、共創(chuàng)錫望 —— 巴可 (Barco) 無(wú)錫開(kāi)業(yè)典禮盛大舉行
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)