vue響應(yīng)式原理

響應(yīng)式原理基于Object.define(object, propertyname, descriptor)方法
object: 要添加和修改屬性的對(duì)象各墨,必需
propertyname:要添加和修改的屬性,必需
descriptor: 屬性描述符启涯。

let data = {}
let initValue = '初始值'
Object.defineProperty(data, 'title', {
    get() {
        return initValue
    },
    set(newValue){
        DOM.innerText = newValue
        initValue  = newValue
    }
})
這樣改變 data對(duì)象title屬性值贬堵,DOM元素的內(nèi)容也隨之變化

插圖

1 .png

2.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末恃轩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子黎做,更是在濱河造成了極大的恐慌叉跛,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蒸殿,死亡現(xiàn)場(chǎng)離奇詭異筷厘,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)宏所,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門酥艳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人爬骤,你說我怎么就攤上這事充石。” “怎么了霞玄?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵骤铃,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我溃列,道長(zhǎng)劲厌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任听隐,我火速辦了婚禮补鼻,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘雅任。我一直安慰自己风范,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布沪么。 她就那樣靜靜地躺著硼婿,像睡著了一般。 火紅的嫁衣襯著肌膚如雪禽车。 梳的紋絲不亂的頭發(fā)上寇漫,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音殉摔,去河邊找鬼州胳。 笑死,一個(gè)胖子當(dāng)著我的面吹牛逸月,可吹牛的內(nèi)容都是我干的栓撞。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼瓤湘!你這毒婦竟也來了瓢颅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤弛说,失蹤者是張志新(化名)和其女友劉穎挽懦,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體剃浇,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡巾兆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了虎囚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蔫磨,死狀恐怖淘讥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情堤如,我是刑警寧澤蒲列,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站搀罢,受9級(jí)特大地震影響蝗岖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜榔至,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一抵赢、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧唧取,春花似錦铅鲤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至淡诗,卻和暖如春骇塘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背韩容。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工款违, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人宙攻。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓奠货,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親座掘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子递惋,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 幾種雙向綁定的做法目前幾種主流的mvc(vm)框架都實(shí)現(xiàn)了單向數(shù)據(jù)綁定,我認(rèn)為的雙向數(shù)據(jù)綁定其實(shí)就是在單向綁定的基...
    Picidae閱讀 5,628評(píng)論 2 4
  • 在上一篇文章中柔滔,我們發(fā)現(xiàn)改了 data 中的數(shù)據(jù)之后,界面上相應(yīng)部分也會(huì)自動(dòng)發(fā)生變化萍虽,那么這就是響應(yīng)式的睛廊。 為什么...
    yibuyisheng閱讀 498評(píng)論 0 1
  • vue框架 中最核心的就是 vue的響應(yīng)式 ,通過對(duì)vue中data數(shù)據(jù)的變更實(shí)現(xiàn)頁(yè)面效果的重新渲染杉编。但在實(shí)際開發(fā)...
    郝小淞閱讀 4,340評(píng)論 1 1
  • 在js對(duì)象傳給data時(shí)超全,Vue將遍歷這個(gè)對(duì)象中的屬性,并用Object.defineProperty()將屬性轉(zhuǎn)...
    二貨豆子閱讀 179評(píng)論 0 0
  • 上一節(jié)的邓馒,響應(yīng)式基本原理只適用當(dāng)前組件(實(shí)例)嘶朱,當(dāng)其他子組件也依賴這些數(shù)據(jù),或者有多個(gè)地方用到這個(gè)數(shù)據(jù)的時(shí)候光酣,數(shù)據(jù)...
    安石0閱讀 820評(píng)論 0 0