2018.9.19 對今天所學到的Vue進行總結
1.在Vue中如果使用事件的繫結機制,為元素指定處理的函式的時候,如果加了小括號就可以對對其進行傳參了
***在繫結事件add(),因為加了括號就可以對其進行傳遞引數的處理,這是與add的差別。
2.鍵盤的點選時間:@keyup鍵盤的點選事件
其中@keyup.enter是鍵盤的回車事件,這個是Vue預設的,也可以自己定義鍵盤的預設事件。
@keyup.f2="add()"
//這個是定義全域性按鍵修飾符f2
Vue.config.keyCodes.F2 = 113;
3.關於把文字框的輸入的資料進行新增到表格裡面的重要操作
***首先先建立Vue的例項,得到VM
var vm=new Vue({
el:'#app',
id:' ',
name:' ',
list:[
{ id: 1, name: '賓士', ctime: new Date() },
{ id: 2, name: '寶馬', ctime: new Date() }
]
}),
methods:{
add() { // 新增的方法
// 分析:
// 1. 獲取到 id 和 name ,直接從 data 上面獲取
// 2. 組織出一個物件
// 3. 把這個物件,呼叫 陣列的 相關方法,新增到 當前 data 上的 list 中
// 4. 注意:在Vue中,已經實現了資料的雙向繫結,每當我們修改了 data 中的資料,Vue會預設監聽到資料的改動,自動把最新的資料,應用到頁面上;
// 5. 當我們意識到上面的第四步的時候,就證明大家已經入門Vue了,我們更多的是在進行 VM中 Model 資料的操作,同時,在操作Model資料的時候,指定的業務邏輯操作;
}
}
4.刪除表格中的資料
5.用關鍵字進行查詢
5.關於全域性過濾器
也可以定義私有過濾器:
6.關於指令的使用
也可以定義私有指令: