1. 程式人生 > >Vue之元件引數校驗與非props特性

Vue之元件引數校驗與非props特性

子元件對父元件傳遞資料的校驗:

何為校驗:就是對父元件傳遞的資料進行一定的限制。比如我子元件只接收字串型別資料。其他不要等等。

(如果資料型別不符合。Vue會在控制檯丟擲警告。)

一下是資料可以為數字型別或者字串型別的寫法。以陣列的形式:

資料型別的其他寫法。放要求資料必須傳過來時:content寫成物件形式:required 為true表示必傳

子元件可以設定預設值(沒接收到這個引數時顯示):在 content 中新增 default :‘xxx’屬性,預設值為字串xxx

字串長度校驗器:當字串長度小於5的時候,控制檯會丟擲警告。

 props特性:

1,父元件像子元件傳值。標籤新增屬性。在網頁中是不顯示這個屬性。

2,父元件傳遞的值。子元件接收了。相對應的可以用htis查詢和插值表示式({{ }}表示

非props特性:

1,子元件沒接收(沒有申明props)就去使用,會報錯。

2,父元件傳值。子元件沒接收。子元件的標籤會顯示這個屬性