vuejs元件引數校驗

2022-09-05 05:06:13 字數 1073 閱讀 5574

父元件向子元件傳遞一些引數,那麼子元件有權對這些引數進行乙個校驗,這個就是元件引數校驗

需求:父元件傳遞過來的必須是個字串,這個要怎麼去校驗呢

<

div

id='root'

>

<

child

content

='hello

world'

>

child

>

div>

<

script

>

vue.component(

'child',,

template:'}

'})varvm

=new

vue()

script

>

將接收的props定義稱物件,並指定型別,不以陣列的形式接收引數

接收的資料是字串型別 或者 陣列型別,,都可以

props:

複雜的校驗

<

div

id='root'

>

<

child

content

='hello

world'

>

child

>

div>

<

script

>

vue.component(

'child',}},

template:'}

'})varvm

=new

vue()

script

>

props特性

父元件向子元件傳遞引數,子元件恰好宣告了這個引數,進行接收

非props特性

父元件向子元件傳遞引數,子元件沒有props這塊內容,所以就會報錯,不去接收,就沒法使用這個content

第二個特點是,子元件沒接收,對應的屬性值會顯示在標籤中,props特性不會顯示

vue元件引數校驗

在vue中,當父元件向子元件傳遞值時.子元件可以對傳遞過來的值進行引數校驗.首先我們定義乙個子元件child,接受父元件傳遞過來的值content.content 1 child vue.component child div 注意但我們在content前面加上 它會認為這是js表示式,所以認為 1...

vuejs 常用ui元件

vux github ui demo 專案主頁 demo iview 配套的工作流 官網 官網 中文文件 github 中文文件 github 社群 官網 github 中文文件 topic 57792770eb60516a48db5485 element 是由餓了麼ued設計 餓了麼大前端開發的一...

vuejs的使用 元件

元件就是vue例項中的配置項 配置項 elvar vm newvue el為乙個掛載點,繫結乙個dom元素,相當於把dom元素放到vue例項中,可以使用通過指令,mustache語法來操作它 另一種寫法為 newvue mount 配置項datadata json aa data用來存放資料,支援不...