Vue基礎 常用特性

2021-10-10 19:41:19 字數 1661 閱讀 9004

常見的表單元素:

input單行文字,textarea多行文字,select下拉多選,radio單選框,checkbox多選框

1、 兩個單選框需要同時通過v-model雙向繫結 乙個值

2、 每乙個單選框必須要有value屬性 且value 值不能一樣

3、 當某乙個單選框選中的時候 v-model 會將當前的 value值 改變 data 中的 資料

1、 核取方塊需要同時通過v-model雙向繫結 乙個值

2、 每乙個核取方塊必須要有value屬性 且value 值不能一樣

3、 當某乙個單選框選中的時候 v-model 會將當前的 value值 改變 data 中的 資料

1、 需要給select 通過v-model雙向繫結 乙個值

2、 每乙個option 必須要有value屬性 且value 值不能一樣

3、 當某乙個option選中的時候 v-model 會將當前的 value值 改變 data 中的 資料

通過v-model繫結乙個值

number:轉化為數值

trim:去前後空格

lazy:將input事件切換change事件

vue.

directive

('focus'

})

自定義指令中如何攜帶引數
computed:

}

計算屬性基於它們的依賴(資料)進行快取的 方法不存在快取

格式化資料,比如將字串格式化為首字母大寫,將日期格式化為指定格式等

vue.

filter

('過濾器名稱'

,function

(value)

)

} :id=「id | 過濾器名」

filter:

}

vue.

filter

('format'

,function

(value,arg1)

)//使用:

}

用於資料變化時執行非同步或開銷較大的操作

watch:

, lastname:

function

(val)

}

Vue基礎 Vue常用特性

1 常用特性概述 表單操作 自定義指令 計算屬性 過濾器偵聽器 生命週期 2 表單操作 基於vue的表單操作 input 單行文字 textarea 多行文字 select 下拉選擇框 radio 單選框 checkbox 多選框 表單域修飾符 number 轉化為數值 trim 去掉開始和結尾的空...

vue常用特性

vue.directive focus 用的話加上v focusvue.directive color 用的話加上v focus text v color 計算屬性是基於他們的依賴的資料進行快取的,如果資料不發生變化,用的是第一次計算的快取結果,方法是呼叫就執行。資料變化,會觸發方法,資料變化時執行...

Vue常用特性

1.單選框操作 男男女女男女 2.核取方塊操作 我們如法炮製寫一下核取方塊 打球敲 學習 3.表單修飾符 number 修飾符 type number 是html 表單自帶的屬性 在表面上一看其實加不加number都無所謂,其實在獲取表單value 時我們獲取的都是字串型別,加上了.number會自...