vue prop伝値タイプ検査

prop値伝達検査規則

propが静的伝値である場合、Stringタイプ

である必要がある.

propが動的伝達値である場合、任意のタイプの

を検証することができる.

の例では、Numberを送信する必要がある場合はbind

を使用する必要があります.

//  
Vue.component("blog-post", {
  props: {
    postTitle: {
      type: Number,
      default: 10000
    }
  },
  template: "<h3>{{ postTitle }}h3>"
});
// template   ，    ，     String
<blog-post postTitle="54">blog-post>
// template   ，    ，     String、Number、Boolen。。。
<blog-post :postTitle="54">blog-post>

タイプチェックのtype値は、次のいずれかのオリジナル構造関数で指定できます.

String

Number

Boolean

Array

Object

Date

Function

Symbol

typeはまた、カスタム構造関数であり、instanceofによって検査確認を行うこともできる.例:

//  ，           ：
function Person (firstName, lastName) {
  this.firstName = firstName
  this.lastName = lastName
}
//    ,      Person    
Vue.component('blog-post', {
  props: {
    author: Person
  }
})