vuejsx學習標籤2

2021-08-21 00:09:23 字數 906 閱讀 3061

1\在輸入框中, v-model 預設是在input 事件中同步輸入框的資料(除了提示中介紹的中文輸入

法情況外),使用修飾符.lazy 會轉變為在change 事件中同步,示例**如下:

data: )

message :」

這時, message 並不是實時改變的,而是在失焦或按回車時才更新。

2\修飾符.trim 可以自動過濾輸入的首尾空格,

3\使用修飾符.number 可以將輸入轉換為number 型別,否則雖然你輸入的是數字,但它的型別

其實是string ,

4\vue . component ( 』 my-component 』, {

template : 』 < div >這裡是元件的內容</ div> '

5\除了templ ate 選項外,元件中還可以像vue 例項那樣使用其他的選項,比如d ata 、compu te d 、

m ethods 等。但是在使用data 時, 和例項稍有區別, d ata 必須是函式,然後將資料return 出去,

6、在元件中,使用選項props 來宣告需要從父級接收的資料, prop s 的值可以是兩種, 一種是字

符串陣列,一種是物件 vue.component ( 』 my-component 』, {

props: [ 』 warningtext 』],

7、有時候,傳遞的資料並不是直接寫死的,而是來自父級的動態資料,這時可以使用指令v -bind

來動態繫結props 的值,當父元件的資料變化時,也會傳遞給子元件

注意,如果你要直接傳遞數字、布林值、陣列、物件,而且不使用v-bind ,傳遞的僅

僅是字串

注意,在js中物件和陣列是引用型別,指向同乙個記憶體空間,所以props 是對

象和陣列時,在子元件內改變是會影響父紐件的。

HTML學習(2)標籤

1 標題標籤,通過 2 段落標籤,通過來定義 this is a paragraph.this is another paragraph.3 鏈結標籤,通過來定義 this is a link在href屬性指定鏈結位址 4 影象鏈結,通過 5 元素,定義了html文件的主體 this is my f...

學習Struts2標籤

b color red 1 property標籤輸出指定值 color b 例 property標籤屬性 default 可選屬性,如果要輸出地屬性值為null,則顯示該屬性指定的值 escape 可選屬性,指定是否格式化html value 可選屬性,指定輸出該屬性的值,如果不指定該屬性,則預設輸...

學習struts2 的select標籤

headervalue 預設值value headerkey 預設name list 源資料 可以在action方法裡從資料庫獲取list name 被選資料存放的位置 這裡我方在物件obj的屬性值username中 需在action中定義該物件 listkey 下拉選項的name listvalu...