摘要:數(shù)據(jù)描述符與存取描述符不可混用否則報錯。的參數(shù)數(shù)據(jù)描述符屬性的值,默認(rèn)為。運行結(jié)果注意當(dāng)使用了或方法,不允許使用和這兩個屬性。標(biāo)簽設(shè)置鍵盤彈起事件賦值,實現(xiàn)數(shù)據(jù)雙向開始。
認(rèn)識Object.defineProperty以及Object.defineProperties
Object.defineProperty會直接在對象上定義新的屬性和方法,或者修改存在的屬性和方法,并返回這個對象。
語法:Object.defineProperty(object, propertyname, descriptor)參數(shù):
object 必需。添加需要修改屬性或者添加屬性的對象。
propertyname 必需。需要定義或者修改屬性的名稱(字符串)。
descriptor 必需。屬性描述符。通俗說,屬性的描述。可以添加數(shù)據(jù)(數(shù)據(jù)描述符)屬性,或者訪問器(存取描述符)屬性。數(shù)據(jù)描述符與存取描述符不可混用,否則報錯。后續(xù)詳解。
descriptor的參數(shù)數(shù)據(jù)描述符
value-----屬性的值,默認(rèn)為 undefined。
writable-----屬性是否可寫,當(dāng)屬性的值可以被賦值操作修改時設(shè)置為true。默認(rèn)為false。
訪問器描述符
get-----屬性的getter方法,屬性如果有g(shù)etter方法,則返回屬性值,否則返回undefined。默認(rèn)為 undefined。
set-----屬性的setter方法,屬性如果沒有setter方法,返回undefined。該方法接收唯一的參數(shù),作為屬性的新值。默認(rèn)為 undefined。
實例實現(xiàn)input輸入,span同時輸出功能
運行結(jié)果
注意
當(dāng)使用了getter或setter方法,不允許使用writable和value這兩個屬性。
get或set不是必須成對出現(xiàn),任寫其一就可以。如果不設(shè)置方法,則get和set的默認(rèn)值為undefined
Object.defineProperties使用語法
Object.defineProperties(obj, props)使用實例
兩個input標(biāo)簽之間數(shù)據(jù)互傳
輸入數(shù)據(jù)顯示數(shù)據(jù)
運行結(jié)果
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/107814.html
摘要:各個組件維護自己的狀態(tài)和,當(dāng)狀態(tài)變更,自動重新渲染整個組件。形式的定義的組件是以的形式來創(chuàng)建的組件的,是目前極為推薦的創(chuàng)建有狀態(tài)組件的方式,最終會取代形式相對于可以更好實現(xiàn)代碼復(fù)用。組件名稱首字母必須大寫。變量名用包裹,且不能加雙引號。 目前在前端開發(fā)領(lǐng)域,框架Angular、react和vue占據(jù)著主流的地位而且可能會持續(xù)比較長的一段時間。三門框架中,從數(shù)據(jù)綁定機制來看,vue和an...
摘要:各個組件維護自己的狀態(tài)和,當(dāng)狀態(tài)變更,自動重新渲染整個組件。形式的定義的組件是以的形式來創(chuàng)建的組件的,是目前極為推薦的創(chuàng)建有狀態(tài)組件的方式,最終會取代形式相對于可以更好實現(xiàn)代碼復(fù)用。組件名稱首字母必須大寫。變量名用包裹,且不能加雙引號。 目前在前端開發(fā)領(lǐng)域,框架Angular、react和vue占據(jù)著主流的地位而且可能會持續(xù)比較長的一段時間。三門框架中,從數(shù)據(jù)綁定機制來看,vue和an...
摘要:容器里面包含部分,其一為提供過濾器的入口其二為表格組件。數(shù)據(jù)綁定,簡寫形式為在父組件和子組件的通訊中,必須要在子組件里面聲明。如果是編寫則必須是注冊組件的語法糖。下次還是上動圖吧以后基本上碰到這種使用表格呈現(xiàn)數(shù)據(jù)的組件。 在項目當(dāng)中,經(jīng)常會有表格組件,包含2部分,其一為table-header,其二為table-content 然后在這個小demo里面涉及到了vue的個別指令: v-f...
摘要:學(xué)完的基礎(chǔ)語法之后,練手一下,從最基本的留言板開刀吧。功能不多,主要為了熟悉的基礎(chǔ)語法使用。 學(xué)完vue的基礎(chǔ)語法之后,練手一下,從最基本的留言板開刀吧。功能不多,主要為了熟悉vue的基礎(chǔ)語法使用。詳細(xì)vue教程請移步vue.js 2.0 技術(shù)框架 1.vue.js 2.0 2.bootstrap 語法概述 這里只寫一點此例子用到的一些語法知識,詳細(xì)API請移步:vue 2.0 a...
閱讀 3843·2021-09-22 10:57
閱讀 1970·2019-08-30 15:55
閱讀 2762·2019-08-30 15:44
閱讀 1788·2019-08-30 15:44
閱讀 1920·2019-08-30 15:44
閱讀 2306·2019-08-30 12:49
閱讀 1107·2019-08-29 18:47
閱讀 3198·2019-08-29 16:15