1. 程式人生 > >2018.9.19 對今天所學到的Vue進行總結

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.關於指令的使用

 

  也可以定義私有指令: