成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

初探數(shù)據(jù)雙向綁定

陸斌 / 437人閱讀

摘要：數(shù)據(jù)描述符與存取描述符不可混用否則報(bào)錯(cuò)。的參數(shù)數(shù)據(jù)描述符屬性的值，默認(rèn)為。運(yùn)行結(jié)果注意當(dāng)使用了或方法，不允許使用和這兩個(gè)屬性。標(biāo)簽設(shè)置鍵盤彈起事件賦值，實(shí)現(xiàn)數(shù)據(jù)雙向開(kāi)始。

認(rèn)識(shí)Object.defineProperty以及Object.defineProperties

Object.defineProperty會(huì)直接在對(duì)象上定義新的屬性和方法，或者修改存在的屬性和方法，并返回這個(gè)對(duì)象。

語(yǔ)法： 
Object.defineProperty(object, propertyname, descriptor)
參數(shù)：

object 必需。添加需要修改屬性或者添加屬性的對(duì)象。

propertyname 必需。需要定義或者修改屬性的名稱(字符串)。

descriptor 必需。屬性描述符。通俗說(shuō)，屬性的描述?？梢蕴砑訑?shù)據(jù)(數(shù)據(jù)描述符)屬性，或者訪問(wèn)器(存取描述符)屬性。數(shù)據(jù)描述符與存取描述符不可混用,否則報(bào)錯(cuò)。后續(xù)詳解。

descriptor的參數(shù)

數(shù)據(jù)描述符

value-----屬性的值，默認(rèn)為 undefined。

writable-----屬性是否可寫，當(dāng)屬性的值可以被賦值操作修改時(shí)設(shè)置為true。默認(rèn)為false。

訪問(wèn)器描述符

get-----屬性的getter方法，屬性如果有g(shù)etter方法，則返回屬性值，否則返回undefined。默認(rèn)為 undefined。

set-----屬性的setter方法，屬性如果沒(méi)有setter方法，返回undefined。該方法接收唯一的參數(shù)，作為屬性的新值。默認(rèn)為 undefined。

實(shí)例

實(shí)現(xiàn)input輸入，span同時(shí)輸出功能

運(yùn)行結(jié)果


注意

當(dāng)使用了getter或setter方法，不允許使用writable和value這兩個(gè)屬性。

get或set不是必須成對(duì)出現(xiàn)，任寫其一就可以。如果不設(shè)置方法，則get和set的默認(rèn)值為undefined

Object.defineProperties使用

語(yǔ)法

Object.defineProperties(obj, props)
使用實(shí)例

兩個(gè)input標(biāo)簽之間數(shù)據(jù)互傳


    

        輸入數(shù)據(jù)
        
    

    

        顯示數(shù)據(jù)

運(yùn)行結(jié)果

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107814.html

相關(guān)文章

  • React 初探

    摘要：各個(gè)組件維護(hù)自己的狀態(tài)和，當(dāng)狀態(tài)變更，自動(dòng)重新渲染整個(gè)組件。形式的定義的組件是以的形式來(lái)創(chuàng)建的組件的，是目前極為推薦的創(chuàng)建有狀態(tài)組件的方式，最終會(huì)取代形式相對(duì)于可以更好實(shí)現(xiàn)代碼復(fù)用。組件名稱首字母必須大寫。變量名用包裹，且不能加雙引號(hào)。 目前在前端開(kāi)發(fā)領(lǐng)域，框架Angular、react和vue占據(jù)著主流的地位而且可能會(huì)持續(xù)比較長(zhǎng)的一段時(shí)間。三門框架中，從數(shù)據(jù)綁定機(jī)制來(lái)看，vue和an...

    levy9527 評(píng)論0 收藏0

  • React 初探

    摘要：各個(gè)組件維護(hù)自己的狀態(tài)和，當(dāng)狀態(tài)變更，自動(dòng)重新渲染整個(gè)組件。形式的定義的組件是以的形式來(lái)創(chuàng)建的組件的，是目前極為推薦的創(chuàng)建有狀態(tài)組件的方式，最終會(huì)取代形式相對(duì)于可以更好實(shí)現(xiàn)代碼復(fù)用。組件名稱首字母必須大寫。變量名用包裹，且不能加雙引號(hào)。 目前在前端開(kāi)發(fā)領(lǐng)域，框架Angular、react和vue占據(jù)著主流的地位而且可能會(huì)持續(xù)比較長(zhǎng)的一段時(shí)間。三門框架中，從數(shù)據(jù)綁定機(jī)制來(lái)看，vue和an...

    trilever 評(píng)論0 收藏0

  • vue初探--編寫表格組件

    摘要：容器里面包含部分，其一為提供過(guò)濾器的入口其二為表格組件。數(shù)據(jù)綁定，簡(jiǎn)寫形式為在父組件和子組件的通訊中，必須要在子組件里面聲明。如果是編寫則必須是注冊(cè)組件的語(yǔ)法糖。下次還是上動(dòng)圖吧以后基本上碰到這種使用表格呈現(xiàn)數(shù)據(jù)的組件。 在項(xiàng)目當(dāng)中，經(jīng)常會(huì)有表格組件，包含2部分，其一為table-header,其二為table-content 然后在這個(gè)小demo里面涉及到了vue的個(gè)別指令: v-f...

    dabai 評(píng)論0 收藏0

  • vue初探-簡(jiǎn)易留言板

    摘要：學(xué)完的基礎(chǔ)語(yǔ)法之后，練手一下，從最基本的留言板開(kāi)刀吧。功能不多，主要為了熟悉的基礎(chǔ)語(yǔ)法使用。 學(xué)完vue的基礎(chǔ)語(yǔ)法之后，練手一下，從最基本的留言板開(kāi)刀吧。功能不多，主要為了熟悉vue的基礎(chǔ)語(yǔ)法使用。詳細(xì)vue教程請(qǐng)移步vue.js 2.0 技術(shù)框架 1.vue.js 2.0 2.bootstrap 語(yǔ)法概述 這里只寫一點(diǎn)此例子用到的一些語(yǔ)法知識(shí)，詳細(xì)API請(qǐng)移步：vue 2.0 a...

    GHOST_349178 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<