inheritAttrs和 attrs的使用

2021-10-01 22:16:19 字數 1116 閱讀 5583

index.html:

>

v-bind:

class

="class1"

v-bind:style=

"" v-bind:test1=

'test1'

test2=

"test2"

placeholder=

"placeholder test3"

>

<

/test-input>

<

/div>index.js:

vue.

component

('test-input',)

newvue(,

})頁面結果:

當將屬性修改為:inheritattrs: true,的時候

頁面的結果:

包含了所有的屬性:

最後總結:

當inheritattrs的屬性值為true(不寫該行屬性的結果同true,也就是inheritattrs預設為true),元件的根元素會自動繼承所有的屬性!當為false的時候,根元素只會繼承註冊的屬性,自建的屬性不會繼承!!

att

rs:它

包含了父

元件所有

的自建屬

性!可以

通過v−

kind

=「attrs:它包含了父元件所有的自建屬性!可以通過v-kind=「

attrs:

它包含了

父元件所

有的自建

屬性!可

以通過v

−kin

d=「attrs」將所有自建屬性賦給想要的元素上!!

attrs和inheritAttrs的聯合使用

inheritattrs 預設值是true,如果是true的話,預設情況下父作用域的不被認作 props 的 attribute 繫結 attribute bindings 將會 回退 且作為普通的 html attribute 應用在子元件的根元素上,即父元件傳的屬性會綁到子元件根元素上,如果設定...

和 區別和聯絡, 和 區別和聯絡

和 區別和聯絡,和 區別和聯絡,實際專案中,什麼情況用哪種?首先,和 的聯絡 共同點 和 都可以用作 邏輯與 運算子,都是雙目運算子。具體要看使用時的具體條件來決定。無論使用哪種運算子,對最終的運算結果都沒有影響。情況1 當上述的運算元是boolean型別變數時,和 都可以用作邏輯與運算子。情況2 ...

rpx和樣式和class和flex

5 style 靜態的樣式統一寫到 class 中。style 接收動態的樣式,在執行時會進行解析,請盡量避免將靜態的樣式寫進 style 中,以免影響渲染速度。例 6 class 用於指定樣式規則,其屬性值是樣式規則中類選擇器名 樣式類名 的集合,樣式類名不需要帶上.樣式類名之間用空格分隔。關於f...