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
相關文章:
主站蜘蛛池模板: 久久精品亚洲国产 | 中文字幕第一页在线 | 亚洲一区综合 | 欧美全黄 | 日韩一区二区三区视频 | 欧美激情国产日韩精品一区18 | 成人三级av | 羞羞视频在线观看 | 久久一起草 | 国产精品久久久久久久久免费 | 日韩三级电影一区二区 | 久草成人网 | 欧美一级毛片在线播放 | 国产丝袜一区二区三区免费视频 | 日韩精品久久一区二区三区 | 亚洲一区二区三区免费视频 | 欧美一区二区三区在线观看视频 | 97狠狠干| 国产乱码精品一区二区三区av | 免费久久视频 | 久久久中文 | 黄色国产大片 | 欧美极品一区二区 | 男女视频在线观看网站 | 欧美精品在线免费观看 | 91久久精品视频 | 国产剧情一区 | 久久久久国产精品一区 | 黄色免费在线观看网址 | 伊人一区 | 久久三区| 美女天堂 | 久久国产精品99久久久大便 | 欧美日韩在线一区二区 | 午夜欧美a级理论片915影院 | 久久成人免费 | 久久久123 | 亚洲国产成人精品女人久久久 | 亚洲欧美久久 | 欧美日韩精品一区二区三区四区 | 在线小视频 |