六.計算屬性和監聽器
6.1計算屬性 computed
6.1.1存在問題
插值表達式, 可以完成表達式的計算,如果邏輯復雜時,將很難維護. 例如:
{{ message.split('').reverse().join('') }}
6.1.2基本使用
Vue計算屬性computed就是用來處理復雜邏輯的. 當data區域的數據變更是,將進行自動計算.
案例：字符串倒排
{{showMessage}}
6.1.3computed和methods區別
- 計算屬性，用于實時計算，只要數據發生了更改才計算。緩存計算結果。
- 方法，每次調用都執行
計算屬性
{{showCount}}
{{showCount}}
普通方法
{{showCount2()}}
{{showCount2()}}
6.1.4案例：購物車
| 編號 | 標題 | 單價 | 購買數量 | 小計 |
| {{index+1}} | {{book.title}} | {{book.price}} |
- {{book.count}} + |
{{book.price * book.count}} |
| 總價：{{totalPrice}} | ||||
6.1.5高級使用
- 計算屬性提供了setter方法對屬性進行修改
}
},
})
案例：拆分姓名 （第一版）
6.2監聽器 watch
6.2.1什么是監聽器
監聽數據的變化
})
6.2.2基本語法
- 案例：拆分姓名 （第二版）
請輸入姓名：
姓：{{firstname}}
名：{{secondname}}
6.2.3高級使用：監聽對象屬性
- 案例：拆分姓名 （第三版）
請輸入姓名：
姓：{{firstname}}
名：{{secondname}}
聲明：本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人，不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用，如有內容侵權或者其他違規問題，請聯系本站處理。
舉報投訴
-
計算
+關注
關注
2文章
453瀏覽量
39208 -
編程
+關注
關注
88文章
3679瀏覽量
94863 -
vue
+關注
關注
0文章
58瀏覽量
8141
發布評論請先 登錄
相關推薦
熱點推薦
用音樂將智能設備變成監聽器 黑客是怎么做到的？
導讀：據外媒報道，一群學生黑客演示了如何用音樂將智能設備變成監聽器。這種技術將人耳聽不到的聲吶信號植入到智能手機或電視機播放的歌曲中，然后利用這些設備的麥克風或音箱來監聽聲吶信號的反射方式，從而
發表于 08-22 09:17
基于linux操作系統的oracle數據庫配置監聽
1. 修改監聽器配置文件Linux下Oracle監聽器配置文件在：$ ORACLE_HOME/network/admin/listerer.ora, 如：/bank/oracle/oracle10g
發表于 07-08 07:17
用于卷煙機組的CAN 總線實時監聽器的設計與實現The re
本文闡述了如何利用PCI-9810（ 非智能單路CAN 卡）作為硬件接口，用DEPHI軟件開發平臺開發出友好的CAN 總線實時監聽器來實現對CAN-BUS 線路數據的實時的， 準確的監聽以及根據工
發表于 05-26 15:28
?26次下載
用于卷煙機組的CAN 總線實時監聽器的設計與實現The re
本文闡述了如何利用PCI-9810（ 非智能單路CAN 卡）作為硬件接口，用DEPHI軟件開發平臺開發出友好的CAN 總線實時監聽器來實現對CAN-BUS 線路數據的實時的，準確的監聽以及根據工
發表于 05-26 15:36
?1次下載
用于卷煙機組的CAN 總線實時監聽器的設計與實現The re
本文闡述了如何利用PCI-9810（ 非智能單路CAN 卡）作為硬件接口，用DEPHI軟件開發平臺開發出友好的CAN 總線實時監聽器來實現對CAN-BUS 線路數據的實時的，準確的監聽以及根據工
發表于 05-26 16:27
?17次下載
嬰兒監聽器的制作與接線
這里介紹的家用嬰兒監聽器外形圖如圖1所示，它由一臺自制的無線電調頻發射機和一臺便攜式調頻收音機（或帶有調頻波段的普通便攜式收音機）組成。發射機放在嬰兒房間，收音機由大人隨身攜帶或放在大人干活的房間， 嬰兒有任何動靜都可通過收音機監聽到，這樣大人可以放心地做自己想要做的事，
LabVIEW入門教程之計算機虛擬儀器圖形編程的LabVIEW實驗教材免費下載
本文檔的主要內容詳細介紹的是LabVIEW入門教程之計算機虛擬儀器圖形編程的LabVIEW實驗教材免費下載。
發表于 12-02 08:00
?5次下載
Vue入門之Vue定義
Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式JavaScript框架。
Vue 的核心庫只關注視圖層，也就是只處理頁面。
Vue提供的一套JS框架，通常稱為
一文看懂Vue3響應式系統原理
在 Vue3 中，響應式系統的實現基于 ES6 的 Proxy 對象。Proxy 可以直接監聽對象和數組的變化，而無需對每個屬性進行監聽，從而大大提高性能。同時，Proxy 也可以解決
工商網監
評論