vue元件中prop屬性

2021-10-09 15:56:31 字數 751 閱讀 6124

所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結:父級 prop 的更新會向下流動到子元件中,但是反過來則不行。

每次父級元件發生更新時,子元件中所有的 prop 都將會重新整理為最新的值。這意味著你不應該在乙個子元件內部改變 prop。

在元件中修改 prop 傳遞過來的資料 vue 會發出警告,所以有兩種常見的用法去修改 prop 傳遞過來的值

"1":prop-b=

"2":prop-c=

"'3'"

:prop-f=

"'success'"

>

<

/test-prop-validate>

vue.

component

('test-prop-validate',,

// 帶有預設值的數字

propd:

,// 帶有預設值的物件

prope:}}

,// 自定義驗證函式

propf:}}

,data()

},template:

` }}`})

Vue元件prop屬性

vue.component blog post post title hello 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。每次父級元件發生更新時,子元件中所有的 prop 都將會重新整理為最新的值。這意味著你...

vue元件之Prop屬性

一般頁面元素是有屬性的,如a標籤有href等屬性,同樣vue中元件也是有屬性的。在vue元件中想要使用屬性,首先需要在元件內部定義一些屬性,這些屬性在vue中被為prop,在元件中通過props選項中定義。props的型別 在vue元件中,props選項的型別可以是乙個字串陣列,也可以是乙個物件。如...

vue元件 Prop傳遞資料

元件例項的作用域是孤立的。這意味著不能 也不應該 在子元件的模板內直接引用父元件的資料。要讓子元件使用父元件的資料,我們需要通過子元件的props選項。prop 是單向繫結的 當父元件的屬性變化時,將傳導給子元件,但是不會反過來。這是為了防止子元件無意修改了父元件的狀態。每次父元件更新時,子元件的所...