prop 驗證,和預設值

2021-10-09 11:07:51 字數 438 閱讀 1932

prop 驗證,和預設值

所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結:父級prop 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外改變父級元件的狀態,從而導致你的應用的資料流向難以理解。

額外的,每次父級元件發生更新時,子元件中所有的 prop 都將會重新整理為最新的值。這意味著你不應該在乙個子元件內部改變 prop。如果你這樣做了,vue 會在瀏覽器的控制台中發出警告。子元件想修改時,只能通過 $emit 派發乙個自定義事件,父元件接收到後,由父元件修改。

有兩種常見的試圖改變乙個 prop 的情形 :

(1)這個用來傳遞乙個初始值;這個子元件接下來希望將其作為乙個本地的資料來使用。 在這種情況下,最好定義乙個本地的屬性並將這個用作其初始值:

(2)這個以一種原始的值傳入且需要進行轉換。 在這種情況下,最好使用這個的值來定義乙個計算屬性

Vue子元件prop型別和預設值

細緻的 prop 定義有兩個好處 a 它們寫明了元件的 api,所以很容易看懂元件的用法 b 在開發環境下,如果向乙個元件提供格式不正確的 prop,vue 將會告警,以幫助你捕獲潛在的錯誤 例如 props status good props better 更好的做法!props 注意 props...

預設值清洗

預設值是資料中最常見的乙個問題,處理預設值有很多方式,主要包括以下四個步驟進行預設值處理 確定預設值範圍 去除不需要的字段 填充預設值內容 重新獲取資料 注意 最重要的是預設值內容填充。在進行確定預設值範圍的時候,對每個欄位都計算其缺失比例,然後按照缺失比例和字段重要性分別指定不同的策略 重要性高,...

SQL 預設值和規則

建立規則 下面來演示以下兩種完整性約束的操作 由於sql server2008取消了以下兩項操作的圖形介面操作,我們只能用命令建立,配合圖形介面來觀察結果了。先建立了乙個20歲的年齡的預設值,在我們新增學生不輸入學生年齡的時候,系統自動新增預設值。可以看到系統自動新增年齡20 我們現在再來看下面的問...