js怎么实时监听对象变化

1.把要监听的name值看作方法名，来进行监听。

2.把要监听的name值看作对象，利用hanler方法来进行监听。

3.高级用法

3.1比如，当父组件向子组件动态传值时，子组件props首次获取到父组件传来的默认值时，也需要执行函数，此时就需要将immediate属性设置为true，结合handler方法使用。

3.2当设置immediate属性为true时，无论值是否发生改变，时刻都会监听；

3.3当设置immediate属性为false时，常规用法，只有值发生改变才会监听。

4.监听模式的另一个表达方式是观察者模式，其实并没有什么高级的。购物车这个功能用监听模式可以描述为：当修改什么的时候，什么发生变化即可。

给dom元素添加事件监听一般有两种方式:

<input type="button" onclick="clickme()" id="clickme" value="点击我">

<script>

    function clickme(){

        alert("我被点击了")

    }

</script>

二、为指定对象添加事件处理

<input type="button" onclick="clickme()" id="clickme" value="点击我">

 <script>

     document.getElementById("clickme").onclick=function(){

         alert("hello world")

     }

 </script>