Vue2:实现数据的双向绑定
<body>
<div id="app">
<input typt="text">
<h1>
</h1>
<button>按钮</button>
</div>
</body>
</html>
<script>
const input = document.getElementsByTagName('input')[0]
const h1 = document.getElementsByTagName('h1')[0]
const btn = document.getElementsByTagName('button')[0]
var data={text:''}//初始化数据
// 监听
input.addEventListener('input',function(e){
data.text = e.target.value
})
btn.onclick = function(){
data.text = '你好'
}
Object.defineProperty(data,'text',{
// data是数组,text是属性