後臺管理系統vue.js路由

1.生命週期

1.初始期:一個元件例項，只執行一次。
    constructor: 建構函式 ，初始化資料
    componentWillMount: 在渲染之前，二次更新資料
    render :渲染  載入虛擬DOM，渲染節點到頁面
    componentDidMount:渲染完成 發ajax,開輪播，開計時器，window|document繫結事件，ref

2.更新期:state和props發生修改，都會引起更新期的執行
    componentWillReceiveProps ：接收的props變了，才會執行  
    shouldComponentUpdate：
        //1.沒有寫shouldComponentUpdate,更新 componentWillUpdate->render->componentDidUpdate
        // 2.寫了，沒有return,就會報錯
        // 3.return true ,更新期：shouldComponentUpdate->componentWillUpdate->render->componentDidUpdate
        // 4.return false 更新期：shouldComponentUpdate
    componentWillUpdate：更新之前
        //更新之前，可以通過this.state,this,props取到更新之前的舊值，nextState,nextProps是更新之後的新值。
    render：渲染 根據新的state或者props,生成一課虛擬DOM樹，進行diff演算法，計算出最優的更新方式，進行渲染
    componentDidUpdate:更新完成