亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術(shù)文章
文章詳情頁

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

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

自己的理解:

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

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

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

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

watch主要用于監(jiān)控vue實例的變化,它監(jiān)控的變量當(dāng)然必須在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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产一级毛片卡 | 国产精品久久久久久久久久免费 | 日韩 亚洲 中文 图片 小说 | 国产黄色在线免费观看 | 国产精品久久久久影院色老大 | 精品国产三级在线观看 | 欧美精品亚洲精品日韩专 | 手机看片日韩国产一区二区 | 国产精品主播 | 久久久99精品免费观看精品 | 国产亚洲欧美在线播放网站 | 色婷婷亚洲综合五月 | 亚洲成人免费网址 | 在线黄色.com| 精品国产福利第一区二区三区 | 国产欧美亚洲精品第一区 | 国产综合网站 | 中文字幕乱码一区三区免费 | 特级欧美| 婷婷伊人 | 狠狠色丁香婷婷综合久久来 | 99久热re在线精品视频 | 久久久久久91香蕉国产 | 日韩最新视频一区二区三 | 欧美日韩第一页 | 亚洲国产欧美在线 | 香蕉乱码成人久久天堂爱免费 | 97国产超级碰碰在线视频 | 中国一级毛片免费看视频 | 国产成人一区二区三区视频免费 | 免费特级黄毛片在线成人观看 | 国产精品久久久久乳精品爆 | 亚洲天堂精品视频 | 国产精品国产色综合色 | 一级毛片看真人在线视频 | 99re6久精品国产首页 | 国产精品 主播精选 网红 | 欧美精品久久久久久久久大尺度 | 日本一级作爱片在线观看 | 免费观看欧美成人1314色 | 国产成人h片视频在线观看 国产成人lu在线视频 |