Vue与React的异同 -生命周期

vue的生命周期

创建前 beforeCreate

创建 create

挂载前 beforeMount

挂载 mounted

更新前 beforeUpdate

更新 updated

销毁前 beforeDestroyed

销毁 destoryed

methods --方法

Vue å®ä¾çå½å¨æ

-----------------------------------华丽的分割线-------------------------

一个React组件的生命周期分为三个部分：挂载期（Mounting）、存在更新期（Updating）和销毁时（Unmounting）。

import React,{ Component } from 'react';

class Demo extends Component {
  constructor(props,context) {
      super(props,context)
      this.state = {
          //定义state
      }
  }
componentWillMount () {  //组件将要挂载
}
componentDidMount () { //组件渲染完成 这里调用ajax请求，返回数据setstate组件会重新渲染
}
componentWillReceiveProps (nextProps) {
}
shouldComponentUpdate (nextProps,nextState) {
}
componentWillUpdate (nextProps,nextState) {
}
componentDidUpdate (prevProps,prevState) {
}
render () {
    return (
        <div></div>
    )
}
componentWillUnmount () {
}
}
export default Demo;
 

在componentDidMount方法中放ajax请求--服务器会根据变量渲染，Constructor中设置变量初始化

如果你觉得我的文章对您有帮助，给点鼓励，谢谢