Vue學習筆記 Non props屬性

2021-10-21 18:22:14 字數 1317 閱讀 5996

non-porps屬性

父元件向子元件傳遞引數的時候,子元件不寫任何的接受方法,這個時候父元件就會直接把屬性完全複製給子元件,子元件也是可以得到屬性值的。

注意:non-porps屬性會複製,props屬性不會複製

如果元件不是乙個根節點,複製就會失效。

在標籤中使用父元件傳入的屬性

通過$attrs可以在元件使用父元件傳入的所有屬性

通過$attrs.style的形式(style是其中乙個屬性值名)可以使用其中乙個屬性

注意:使用$attrs.style形式呼叫props屬性,無法複製使用

在業務邏輯中使用父元件傳入的屬性

和標籤中使用的方式一樣

methods: 

}

不接受傳入引數

inheritattrs:false

inheritattrs: false,

template: ``

});

demo22.html

non-porps屬性

父元件向子元件傳遞引數的時候,子元件不寫任何的接受方法,這個時候父元件就會直接把屬性完全複製給子元件,子元件也是可以得到屬性值的。

注意:non-porps屬性會複製,props屬性不會複製

如果元件不是乙個根節點,複製就會失效。

在標籤中使用父元件傳入的屬性

通過$attrs可以在元件使用父元件傳入的所有屬性

通過$attrs.style的形式(style是其中乙個屬性值名)可以使用其中乙個屬性。

注意:使用$attrs.style形式呼叫props屬性,無法複製使用

在業務邏輯中使用父元件傳入的屬性

和標籤中使用的方式一樣

不接受傳入引數

inheritattrs:false

template: `

non-porps屬性

在標籤中使用父元件傳入的屬性

不接受傳入引數

`    });

props: ['propmsg'],

template: ``

});props: ['propmsg'],

methods: 

},template: `在業務邏輯中使用父元件傳入的屬性

`});

inheritattrs: false,

template: ``

});

vue學習 筆記

v model 雙向繫結 v if v else if v else v on 繫結事件 v bind 繫結資料 v cloak 當vue未初始化完成前可不顯示為賦值的 vue屬性名稱 需要給v cloak設定 display none v for i迴圈次數 a資料中的資料 arr定義的陣列 最好...

vue學習筆記

vue學習筆記 從7月2日到7月4日三天的學習成果 一 vue的起步 及配置環境 3 使用vue cli快速搭建vue專案vue init webpack 為專案名 建立成功需要等待一段時間 4 輸入npm run dev編譯專案,成功後根據提示或根據修改的埠號登陸 lacalhost 5.看到下圖...

vue 學習筆記

1.v if v show區別 v if 是 真正 的條件渲染,因為它會確保在切換過程中條件塊內的事件 和子元件適當地被銷毀和重建。v if 也是惰性的 如果在初始渲染時條件為假,則什麼也不做 直到條件第一次變為真時,才會開始渲染條件塊。相比之下,v show 就簡單得多 不管初始條件是什麼,元素總...