【HM】簡單說明白:裝飾器@State、@Prop、@Link、@Provide、@Consume修飾變量,@Watch監聽變量狀態發生變化

首先要明白什么是“狀態變量”?即被狀態裝飾器(@State、@Prop、@Link、@Provide、@Consume)修飾的變量,比如 @State str : string=''; ?str就是狀態變量。狀態變量值的改變會引起UI界面重新渲染。

@State

@State裝飾的變量,是私有的,只能被組件內部訪問,在聲明時必須指定其類型和本地初始化。

@Prop

父組件與子組件單向同步,@Prop裝飾的變量變化后不會同步影響其父組件。

@Link

父、子組件雙向同步,子組件中被@Link裝飾的變量與其父組件中對應的數據源建立雙向數據綁定。

@Provide和@Consume

應用于與后代組件的雙向數據同步,適用于狀態數據在多個層級之間傳遞的場景。不同于上文提到的父子組件之間的狀態傳遞,@Provide和@Consume實現跨層級傳遞,不受限父、子之間,還可以父、孫之間傳遞(跨過子組件)。

可以通過相同的變量名或者相同的變量別名綁定,變量類型必須相同。比如,@Provide num : number=0; @Consume num : number; 或 @Provide('num') num1 : number=1; @Consume('num') num2 : number;

@Watch?

應用于對狀態變量的監聽。如果需要關注某個狀態變量的值是否改變,可以使用@Watch為狀態變量設置回調函數。當狀態變量變化時,所設置的回調函數將被調用。

注意:不要在回調函數里修改@Watch裝飾的狀態變量,否則陷入死循環。

@Watch('changeHandler') @State/Prop/Link/Provide num : number=0;

@State str : string ='';

changeHandler(){

? ? str ='num的值發生了變化';

}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/17375.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/17375.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/17375.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C++之“流”-第2課-C++和C標準輸入輸出同步

為什么C和C的標準輸入輸出不同步時,數據會混亂?同步會帶來多大性能損失?為什么說這個損失通常不用太在乎? 0. 課堂視頻 C之“流”-第2課:和C輸入輸出的同步 1. 理解cin和cout的類型與創建過程 std::cout 是std::ostre…

Ubuntu系統Discover軟件中心簡介

Discover軟件中心是Ubuntu操作系統中默認的軟件管理工具,它提供了一個圖形用戶界面(GUI)來幫助用戶瀏覽、搜索、安裝和卸載軟件包。Discover軟件中心是Ubuntu軟件中心(Ubuntu Software Center)的繼承者,它在Ubuntu 16.04 LTS版本中首次被引入&#xff0c…

添加、修改和刪除字典元素

自學python如何成為大佬(目錄):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm1001.2014.3001.5501 由于字典是可變序列,所以可以隨時在字典中添加“鍵-值對”。向字典中添加元素的語法格式如下: dictionary[key] value 參數…

You don‘t have enough free space或者no space left on device異常

1.磁盤空間不足 Linux安裝軟件顯示 You dont have enough free space 或者docker拉鏡像時,出現磁盤空間不足的情況 no space left on device 如果你是ubuntu系統。查看磁盤空間 df -h 多半是這個目錄滿了/dev/mapper/ubuntu--vg-ubuntu--lv 大多情況我們只希望擴…

學習編程對英語要求高嗎?

學習編程并不一定需要高深的英語水平。我這里有一套編程入門教程,不僅包含了詳細的視頻講解,項目實戰。如果你渴望學習編程,不妨點個關注,給個評論222,私信22,我在后臺發給你。 雖然一些編程資源和文檔可能…

typora自動生成標題序號(修改V1.0)

目錄 帶序號效果圖 解決方法 帶序號效果圖 解決方法 1.進入文件夾:文件–>偏好設置–>外觀–>主題–>打開主題文件夾 2.如果沒有base.user.css文件,新建一個。如果有直接用記事本打開,把下面代碼拷貝進去保存。 /** initiali…

【JUC編程】-多線程和CompletableFuture的使用

多線程編程 文章目錄 多線程編程[toc]引言創建多線程的方式繼承Thread類實現Runnable接口實現Callable接口Callable和Runnable的區別 Lambda表達式 線程的實現原理Future&FutureTask具體使用submit方法Future到FutureTask類Future注意事項局限性 CompletionService引言使用…

第八大奇跡

目錄 題目描述 輸入描述 輸出描述 輸入輸出樣例 示例 輸入 輸出 運行限制 原題鏈接 代碼思路 題目描述 在一條 R 河流域,繁衍著一個古老的名族 Z。他們世代沿河而居,也在河邊發展出了璀璨的文明。 Z 族在 R 河沿岸修建了很多建筑&#xff0c…

java如何向數組中插入元素

java的數組是不可改變的,因此如果要向數組中插入新的元素,需要新建一個數組,新的數組元素個數減去老數組元素個數的差大于等于要插入新的元素數量。 假如說要插入一個數組元素,需要把新元素插入到中間,把新的數組分為…

Vue組件通訊?組件中通過 provide 來提供變量,然后在?組件中通過 inject 來注?變量例子

在Vue中,provide 和 inject 主要用于依賴注入,允許祖先組件向其所有子孫組件提供一個依賴,而不論組件層次有多深。這在開發高階插件/組件庫時特別有用。 以下是一個簡單的例子,演示了如何在父組件中使用 provide 提供變量&#x…

軟件測試面試題(八)

一:TestDirector有哪些功能,如何對軟件測試過程進行管理? 需求管理 定義測試范圍 定義需求樹 描述需求樹的功能點 測試計劃 定義測試目標和測試策略 分解應用程序,建立測試計劃樹 確定每個功能點的測試方法 將每個功能點連接…

Ps 濾鏡:消失點

Ps菜單:濾鏡/消失點 Filter/Vanishing Point 快捷鍵:Ctrl Alt V 兩條平行的鐵軌或兩排樹木連線相交于很遠很遠的某一點,這點在透視圖中叫做“消失點”,也稱為“滅點”。 消失點 Vanishing Point濾鏡主要用于在圖像中處理具有透視…

C++入門3——類與對象(2)

1.類的6個默認成員函數 如果一個類中什么成員都沒有,簡稱為空類。可是空類中真的什么都沒有嗎? 其實并不是的,任何類在什么都不寫時,編譯器會自動生成以下6個默認成員函數。 默認成員函數:用戶沒有顯式實現&#xf…

libmodbus開發庫介紹

目錄 功能概要源碼獲取源碼內容結構源碼與移植 功能概要 libmodbus是一個免費的跨平臺支持RTU和TCP的Modbus庫,遵循LGPL V2.1協議。libmodbus支持Linux、Mac Os X、FreeBSD、QNX和Windows等操作系統。libmodbus可以向符合Modbus協議的設備發送和接收數據&#xff0…

vector的reverse和resize區別

一 代碼 #include "stdafx.h" #include <iostream> #include <vector> using namespace std;class TEST{ public:TEST(){std::cout << "construct t" << std::endl;} };int main() {std::cout << "hello,world" …

《Python偵探手冊:用正則表達式破譯文本密碼》

在這個信息爆炸的時代&#xff0c;每個人都需要一本偵探手冊。阿佑今天將帶你深入Python的正則表達式世界&#xff0c;教你如何像偵探一樣&#xff0c;用代碼破解文本中的每一個謎題。從基礎的字符匹配到復雜的數據清洗&#xff0c;每一個技巧都足以讓你在文本處理的領域中成為…

【一站式學會Kotlin】第十三節:kotlin語言中的解構

作者介紹: 百度資深Android工程師T6,在百度任職7年半。 目前:成立趙小灰代碼工作室,歡迎大家找我交流Android、微信小程序、鴻蒙項目。= 一:通俗易懂的人工智能教程:https://www.captainbed.cn/nefu/ 點一下,打開新世界的大門。 二:【一站式學會Kotlin】免費領取:作者…

SQLSyntaxErrorException: FUNCTION dbname.to_timestamp does not exist

由于MySQL數據庫高版本&#xff08;如8.x&#xff09;中有to_timestamp(&#xff09;函數&#xff0c;低版本中&#xff08;如5.7.x&#xff09;沒有這個函數&#xff0c;服務運行報錯。 自己創建函數實現功能&#xff0c;創建語句如下&#xff1b; DELIMITER // CREATE FUN…

如何使用ChatGPT撰寫短視頻爆款文案

在這個快速發展的數字時代&#xff0c;短視頻已經成為最受歡迎的娛樂和信息獲取方式之一。對于內容創作者來說&#xff0c;如何制作出爆款短視頻&#xff0c;吸引更多觀眾的注意力&#xff0c;是他們面臨的一大挑戰。文案&#xff0c;作為視頻內容的靈魂&#xff0c;起著至關重…

ESP32 - Micropython ESP-IDF 雙線教程 中斷和定時器 (1)

ESP32 - Micropython ESP-IDF 雙線教程 中斷和定時器 ESP32中斷ESP32定時器歸納ESP32 - Micropython 定時器示例代碼代碼介紹 ESP32 - IDF 定時器示例代碼代碼解釋ESP32-IDF定時器使用介紹 ESP32中的中斷和定時器是兩種重要的硬件特性&#xff0c;它們在嵌入式系統開發中扮演著…