1、TodoContainer組件

  TodoContainer組件,用來(lái)組織其它組件,這是react中推薦的方式,也是redux中高階組件一般就是用來(lái)包裝成容器組件用的,比如redux中的connect函數(shù),返回的包裝組件就是一個(gè)容器組件,它用來(lái)處理這樣一種場(chǎng)景:加入有A、B兩個(gè)組件,A組件中需要通過(guò)Ajax請(qǐng)求和后端進(jìn)行交互;B組件也需要通過(guò)Ajax請(qǐng)求和后端交互,針對(duì)這種場(chǎng)景有如下代碼:

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn)

//組件A定義var CompA={
    template:'<div>A 渲染 list</div>',
    data:function(){        return {
            list:[]
        }
    },
    methods:{
        getListA:function(){
            $.ajax({
                url:'xxx',
                dataType:'json',
                success:r=>this.list=r.data
            })
        }
    }
};//組件B定義var CompB={
     template:'<div>B 渲染list</div>',
    data:function(){