色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

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

簡單了解Vue computed屬性及watch區(qū)別

瀏覽:95日期:2023-01-08 15:36:04

自己的理解:

1. computed用來監(jiān)控自己定義的變量,該變量不在data里面聲明,直接在computed里面定義,然后就可以在頁面上進行雙向數(shù)據(jù)綁定展示出結(jié)果或者用作其他處理;

2. computed比較適合對多個變量或者對象進行處理后返回一個結(jié)果值,也就是數(shù)多個變量中的某一個值發(fā)生了變化則我們監(jiān)控的這個值也就會發(fā)生變化,舉例:購物車里面的商品 列表和總金額之間的關系,只要商品列表里面的商品數(shù)量發(fā)生變化,或減少或增多或刪除商品,總金額都應該發(fā)生變化。這里的這個總金額使用computed屬性來進行計算是最好 的選擇

與watch之間的區(qū)別:

剛開始總是傻傻分不清到底在什么時候使用watch,什么時候使用computed。這里大致說一下自己的理解:

watch主要用于監(jiān)控vue實例的變化,它監(jiān)控的變量當然必須在data里面聲明才可以,它可以監(jiān)控一個變量,也可以是一個對象,但是我們不能類似這樣監(jiān)控,比如:

watch:{goodsList.price(newVal,oldVal){ //監(jiān)控商品列表中是商品價格}}

這樣會報錯。只能監(jiān)控整個對象或單個變量,如下所示:

data(){return {example0:'',example1:'',example2:{ inner0:1,    innner1:2    }}},watch:{ example0(newVal,oldVal){//監(jiān)控單個變量 …… },example2(newVal,oldVal){//監(jiān)控對象 …… },}

watch一般用于監(jiān)控路由、input輸入框的值特殊處理等等,它比較適合的場景是一個數(shù)據(jù)影響多個數(shù)據(jù)

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標簽: Vue
相關文章:
主站蜘蛛池模板: 日韩免费精品一级毛片 | 国产一级做a爰片在线 | 欧美一区二区视频 | 波多野结衣视频在线 | 国产亚洲精品高清在线 | 国产美女高清一级a毛片 | 在线视频观看国产 | 欧美午夜不卡在线观看最新 | 小草青青神马影院 | 欧美大片一级毛片 | 欧美一级毛片无遮无挡 | 爆操巨乳美女 | 免费a级| 国产精品秒播无毒不卡 | 日本美女视频韩国视频网站免费 | 久草新免费 | 欧美成a | 美女张开腿给人网站 | 五月激情丁香婷婷综合第九 | 美国一级欧美三级 | a级毛片毛片免费观看永久 a级毛片毛片免费很很综合 | 国产精品美女视视频专区 | 久操精品视频 | 美国三级在线观看 | 日本久久久久 | 欧美日本一区视频免费 | 91久久香蕉青青草原娱乐 | 国产成人在线小视频 | 中国黄色网址大全 | 神马最新午夜限制片 | 国产在线播放不卡 | a级国产乱理伦片在线观看99 | 亚洲视频三级 | 日本国产欧美 | 日韩在线专区 | 国产毛片一级国语版 | 香蕉99国内自产自拍视频 | a毛片免费观看完整 | 亚洲日韩视频免费观看 | 成人国产精品毛片 | 成年女人永久免费观看片 |