原生js实现数据的双向绑定
需要了解的属性是原色js的Object.definePrototype(obj,pop,descript);
obj:被构造的对象
pop:被构造的对象的属性，创建对象或修改已有的对象
descript:修改的熟悉的描述
<!doctype html> <html> <head> <meta charset="utf-8"> <title>canvas粒子烟雾</title> </head> <body> <input id="aa" type="text" /> <span id="bb">{{test}}</span> <script> var obj = {}; Object.defineProperty(obj,'test',{ set(val) { document.querySelector('#aa').value = val; document.querySelector('#bb').innerHTML = val; } }) console.log(document.querySelector('#aa')); document.querySelector('#aa').onkeyup = function(e) { obj.test = e.target.value; } </script> </body> </html>