Vue與React的異同 -生命週期

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中設置變量初始化

 

若是你以爲個人文章對您有幫助，給點鼓勵，謝謝