av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue中的計算屬性和偵聽屬性

瀏覽:88日期:2022-11-05 13:16:21

計算屬性

計算屬性用于處理復雜的業務邏輯

計算屬性具有依賴性,計算屬性依賴 data中的初始值,只有當初始值改變的時候,計算屬性才會再次計算

計算屬性一般書寫為一個函數,返回了一個值,這個值具有依賴性,只有依賴的那個值發生改變,他才會重新計算

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>表單輸入綁定</title></head><body> <div id='app'> {{ reverseMsg }}---- {{ reverseMsg }}-------- {{ reverseMsg }} //直接使用計算屬性中的函數就是所要的數據 </div></body><script src='http://m.4tl426be.cn/bcjs/vue.js'></script> //vue的js,不然使用不了vue語法<script> const app = new Vue({ el: ’#app’, data: { msg: ’hello world’ }, computed: { reverseMsg () { // 計算屬性是一個函數,返回一個值,使用和data中的選項一樣 console.log(’computed’) // 執行1次 --- 依賴性 return this.msg.split(’’).reverse().join(’’); } } })</script></html>

偵聽屬性(監聽屬性)

vue提供了檢測數據變化的一個屬性 watch 可以通過 newVal 獲取變化之后的值

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>表單輸入綁定</title></head><body> <div id='app'> <input type='text' v-model='firstname'> + <input type='text' v-model='lastname'> = {{ fullname }} </div></body><script src='http://m.4tl426be.cn/bcjs/vue.js'></script><script> const app = new Vue({ el: ’#app’, data: { firstname: ’李’, lastname: ’小龍’, fullname: ’李小龍’ }, watch: { // 偵聽屬性 firstname (newVal, oldVal) { // newVal變化之后的值 this.fullname = newVal + this.lastname // 當改變 姓 的時候執行 }, lastname (newVal, oldVal) { this.fullname = this.firstname + newVal // 當改變 名字 的時候執行 } } })</script></html>

以上就是vue中的計算屬性和偵聽屬性的詳細內容,更多關于vue 計算屬性和偵聽屬性的資料請關注好吧啦網其它相關文章!

標簽: Vue
相關文章:
主站蜘蛛池模板: 久久伊人在 | 九一视频在线观看 | 亚洲综合在线视频 | 欧美成人免费在线视频 | 国产欧美视频一区二区 | 成人精品一区二区 | 国产午夜精品久久久久免费视高清 | 高清视频一区 | 亚洲日韩中文字幕 | 男人天堂免费在线 | 午夜www| 夜夜爽99久久国产综合精品女不卡 | 欧美日韩国产一区二区三区 | 天天干夜夜拍 | 欧美男人亚洲天堂 | 精品国产乱码久久久久久蜜退臀 | 久久精品久久久久久 | 在线日韩不卡 | 亚洲精品中文字幕在线 | 亚洲成人毛片 | 午夜影院在线播放 | 国产视频1区2区 | 激情av| 日本三级电影在线免费观看 | 国产精品久久久久久久久久免费看 | 日韩精彩视频 | 亚洲视频一区在线观看 | 国产精品视频在线观看 | av黄色免费 | 久久精品一级 | 欧美日韩黄 | 欧美日韩精品一区二区三区四区 | 最新国产精品精品视频 | 国产精品1区| 91精品国模一区二区三区 | 中文字幕成人在线 | 国产成人高清 | 天天插天天操 | 99久久久久久久 | 欧美精品一区二区蜜桃 | 久久看精品 |