Vue學習筆記(二)

2022-04-15 14:17:19 字數 587 閱讀 8113

【書接上文】vue學習筆記(一)

計算屬性表示根據已有的屬性計算得到乙個新的屬性。

在computed中書寫的函式名在html頁面中可以作為乙個屬性來使用。

計算屬性是依賴於快取的。當頁面中呼叫同乙個計算屬性多次的時候,計算屬性後面的值直接從第一次的結果中獲取,所以效能較好,推薦使用。

計算屬性例項:

vue中允許自定義過濾器,可被用於一些常見文字的格式化。基本格式為}。

過濾器分為全域性過濾器和區域性過濾器。

全域性過濾器在任何的vue例項中都可以使用,

格式為:vue.filter(過濾器名稱,func(data,arg1,...))

其中 arg 是使用過濾器傳入的值; | 是過濾管道符; data 是過濾管道符前面傳過來的引數。

過濾器例項:

}

Vue學習筆記二

事件修飾符 統一的js new vue methods btnhandler linkclick stop事件 class inner click div1handler type button value 戳他 click.stop btnhandler div prevent事件 href cl...

vue 學習筆記(二)

正在進行的工作 已完成的工作 vue 正在進行的工作 已完成的工作 storage模組化元件 快取的功能 返回json資料型別 let storage getstorage key clearitem removeitem key export default storage 元件的宣告 vue中非...

Vue學習筆記(二)

2 迴圈 3 計算屬性 條件判斷使用v if指令 v if seen 看到了p div newvue script v if指令根據表示式的值 在這裡是seen 決定是否插入 可以使用v else新增乙個else塊 v if math.random 0.5 1div v else 2div div ...