js实现项目vue v-model形式的双向绑定

我们直接来js定以变量之后的使用： 

html:

 <div class="sthr">
 <h2 class="nh2">{{obj.title}}</h2>
</div>

js :

 var obj={
         title:'双向绑定'
     }
     Object.defineProperty(obj, 'title', {    //这里定义obj.title为完成修改的属性
         set: (newVal) => {                     //当obj.title的属性发生变化,就会以参数传进来
         // document.getElementById('a').value = newVal;    //set触发给a值同时把值给b实现绑定
         document.getElementById('ss').innerHTML = newVal;
         obj.title
     },
     get: ()=> {
         console.log("hahahaah");
     }
     });
//以上其实就是设置了对这个变量的监听，若是发现改变的值就会直接赋给这个变量，从而页面显示的变量会改变，其实质就是，设置了定义变量之后，变量自带的set，get 方法；