Vue与React的异同 -生命周期

时间：2018-11-07 14:39:13 阅读：157 评论：0 收藏：0 [点我收藏+]

标签：tin eth orm ati vue border const 挂载 fan

vue的生命周期

创建前 beforeCreate

创建 create

挂载前 beforeMount

挂载 mounted

更新前 beforeUpdate

更新 updated

销毁前 beforeDestroyed

销毁 destoryed

methods --方法

技术分享图片

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

一个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中设置变量初始化

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

技术分享图片

Vue与React的异同 -生命周期

标签：tin eth orm ati vue border const 挂载 fan

原文地址：https://www.cnblogs.com/aqbyygyyga/p/9922281.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行