個人認為，react和vue的業(yè)務邏輯是差不多，vue在react上封裝了更簡潔的方法，使用起來更加的便捷，如：提供了便捷的指令（v-for,v-if,v-model），還提供了更多的屬性（computed,watch），我還是比較喜歡用react的，更接近js原生，更容易于理解它。

10年積累的網站設計、成都網站建設經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站設計后付款的網站建設流程，更有石家莊免費網站建設讓你可以放心的選擇與我們合作。

一 vue的生命周期如下圖所示(很清晰)初始化、編譯、更新、銷毀

二 vue生命周期的栗子

 注意觸發(fā)vue的created事件以后,this便指向vue實例,這點很重要

  
    
    
    
    
  
  
    

      {{a}}
    
    

      我是內容二
    
    
  

一、react生命周期

React 生命周期分為三種狀態(tài) 1. 初始化 2.更新 3.銷毀

•初始化

1、getDefaultProps()

設置默認的props，也可以用ufaultProps設置組件的默認屬性.

2、getInitialState()

在使用es6的class語法時是沒有這個鉤子函數的，可以直接在constructor中定義this.state。此時可以訪問this.props

3、componentWillMount()

組件初始化時只調用，以后組件更新不調用，整個生命周期只調用一次，此時可以修改state。

4、 render()

react最重要的步驟，創(chuàng)建虛擬dom，進行diff算法，更新dom樹都在此進行。此時就不能更改state了。

5、componentDidMount()

組件渲染之后調用，只調用一次。

•更新

6、componentWillReceiveProps(nextProps)

組件初始化時不調用，組件接受新的props時調用。

7、shouldComponentUpdate(nextProps, nextState)

react性能優(yōu)化非常重要的一環(huán)。組件接受新的state或者props時調用，我們可以設置在此對比前后兩個props和state是否相同，如果相同則返回false阻止更新，因為相同的屬性狀態(tài)一定會生成相同的dom樹，這樣就不需要創(chuàng)造新的dom樹和舊的dom樹進行diff算法對比，節(jié)省大量性能，尤其是在dom結構復雜的時候

8、componentWillUpdata(nextProps, nextState)

組件初始化時不調用，只有在組件將要更新時才調用，此時可以修改state

9、render()

組件渲染

10、componentDidUpdate()

組件初始化時不調用，組件更新完成后調用，此時可以獲取dom節(jié)點。

•卸載

11、componentWillUnmount()

組件將要卸載時調用，一些事件監(jiān)聽和定時器需要在此時清除。

總結

以上所述是小編給大家介紹的vue生命周期和react生命周期對比，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網站的支持！