• createStore : 是redux里面的一個方法，它綁定一個方法后返回一個store,這個方法是 reducer
• reducer : 其實是一個接收redux返回數(shù)據(jù)的方法，通過store的dispatch方法傳遞一個變量，這個變量就是reducer要接收的數(shù)據(jù)
• subscribe : 是一個監(jiān)聽方法，在頁面調(diào)用一次后就不需要再調(diào)用，二次調(diào)用會解除監(jiān)聽。而每次store的數(shù)據(jù)發(fā)生變化時這個subscribe就會響應(yīng)，此時可以獲取store的狀態(tài)樹，然后設(shè)置給頁面
• combineReducers/createStore 綁定reducer方法到redux和返回一個程序唯一的store

 const store = createStore(combineReducers(reducer))

流程圖如下:

redux可以存儲程序的所有數(shù)據(jù)，通過getState()就能獲取。
如果你想給redux發(fā)送數(shù)據(jù)，比如你要更新一個頁面上面的文本，想把一改成二。你可以調(diào)用

dispatch({type: CHANGE_TEXT,data: '二'});

但是這樣還不能把它存儲進redux的state里面，更別說顯示了。
所以需要一個reducer方法，

home_reducer(state,action)
{
  switch(action.type)
  {
   case CHANGE_TEXT:
   retuen Object.assgin({},state,{data: action.data})
  }
}

這樣就可以存進state里面。
在頁面里面獲取任何位置都可以調(diào)用到這個數(shù)據(jù)
通過

store.getState().home_reducer

這里的store必須在程序里只能有一個，所以可以把它的創(chuàng)建寫在一個項目全局方法

app.js

里面方便調(diào)用。
看似可以的其實這還只能實現(xiàn)手動調(diào)用而已。我們知道小程序會在page的data發(fā)生改變時更新ui，那么我們還必須實時獲取這個state才行，redux給我們提供了一個接口方法：

subscribe

它在小程序里是這樣使用的

onLoad: function (options) {
    this.unsubscribe = store.subscribe(() => {  // 當(dāng)state改變時觸發(fā)
      this.setData(store.getState().home_reducer) //setData()為專門設(shè)置page 的 data用的，它這句的意思是獲取state的數(shù)據(jù)
      console.log(store.getState().home_reducer)
    })
    //app.field_onload()
  }

這樣就完成了綁定redux到項目 － 創(chuàng)建action － 創(chuàng)建reducer － 獲取state數(shù)據(jù)并設(shè)置給page的這么一個流程。
接下來是一個例子：

var reducer = require('./reducer/index') //引入reducer
const {createStore, combineReducers, applyMiddleware} = require('libs/redux.js') //引入redux接口
const store = createStore(combineReducers(reducer)) //創(chuàng)建store

App({
  store
}) // 綁定到全局的app.js

reducer結(jié)構(gòu)：

var  home_reducer= require('./field/reducer') // reducer
module.exports = {home_reducer} // 可以引用多個reducer

home_reducer文件：

var data = {
text: '一'
}

function home_reducer(state, action) {
    if (state == undefined)
        return data
    switch (action.type) {
               case CHANGE_TEXT:
           return Object.assgin({},state,{text: action.text});
           default: return state
     }
}

homePage.js：

var store = getApp().store
onLoad: function (options) {
    this.unsubscribe = store.subscribe(() => {  // 當(dāng)state改變時觸發(fā)
      this.setData(store.getState().home_reducer) //setData()為專門設(shè)置page 的 data用的，它這句的意思是獲取state的數(shù)據(jù)
      console.log(store.getState().home_reducer)
    })
  },

// 一個按鈕的點擊事件響應(yīng)方法
       on_button_click: function(){
          store.dispatch({ type: 'CHANGE_TEXT' , text: '二' }) ;
       },
// 你還需要在頁面退出的時候關(guān)閉這個監(jiān)聽
  unOnLoad: function(){
    this.unsubscribe()
     }
   }