1、TodoContainer組件
TodoContainer組件,用來組織其它組件,這是react中推薦的方式,也是redux中高階組件一般就是用來包裝成容器組件用的,比如redux中的connect函數(shù),返回的包裝組件就是一個容器組件,它用來處理這樣一種場景:加入有A、B兩個組件,A組件中需要通過Ajax請求和后端進行交互;B組件也需要通過Ajax請求和后端交互,針對這種場景有如下代碼:
//組件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(){