vue、angular2及以上、react分别是如何实现数据(状态)发生change的？

Question

vue我是知道的，通过Object.defineProperty来实现data的change其他的是如何实现的？烦请大神说的详细写，这里谢过

Answer 1

react通过this.state来访问state,通过this.setState来更新state，最简单的情况是这种:

constructor(){

super(),

this.state = {

    value: 0

}

},

componentDidMount(){

this.setState({

    value : this.state.value + 1

})

}

初始化的时候设定state,需要更新的时候调用setState方法改变state的状态

关于setState的运行机制说起来还挺复杂了，简单点说就是setState通过一个队列机制来实现state的更新，react源码中setState是将所有需要更新的state放入一个状态队列中，最后集中做状态更新。