91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

vue中雙向數據綁定怎么實現

vue
清風
142
2021-03-15 17:42:10
欄目: 編程語言

vue中雙向數據綁定怎么實現

vue中雙向數據綁定是通過數據劫持結合發布訂閱模式的方式來實現的,其核心方法是Object.defineProperty()方法。

實現雙向數據綁定的示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

</head>

<body>

<input type="text" id="userName">

<br/>

<span id="uName"></span>

<script type="text/javascript">

var obj={

pwd:"123456"

};

Object.defineProperty(obj,"userName",{

get: function(){

console.log("get init");

},

set: function(val){

console.log("set init");

document.getElementById("uName").innerText=val;

document.getElementById("userName").value=val;

}

});

document.getElementById("userName").addEventListener("keyup",function(){

obj.userName=event.target.value;

});

</script>

</body>

</html>


0
安顺市| 长岭县| 鄂伦春自治旗| 神木县| 金塔县| 镇雄县| 景谷| 托里县| 武功县| 罗山县| 汪清县| 涿州市| 咸宁市| 行唐县| 寿宁县| 岑溪市| 舟曲县| 长治县| 灯塔市| 铅山县| 兴仁县| 陇西县| 甘泉县| 镇远县| 大英县| 巴塘县| 韶关市| 鄢陵县| 西乌珠穆沁旗| 三原县| 长寿区| 平舆县| 大余县| 扎兰屯市| 高陵县| 连州市| 寿阳县| 山阳县| 永康市| 绥江县| 阳高县|