🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
1.安装redux ~~~ npm i redux -s 或者 yarn add redux ~~~ ![](https://box.kancloud.cn/16122fe9628b53ae3a6f83ee8d6c268f_800x417.jpg) ~~~ 说明:事件通过定义action将数据传递给store,然后store通过使用 store.dispatch(action);传递给reducers,然后reducers经过判断复制一份返回,而其他组件、页面要向使用数据就要通过以下方法使用:(也就是第3节的action) store.subscribe(this.handleStoreChange); handleStoreChange=()=> { this.setState(store.getState()) } ~~~ ## 1.在store文件下新建一个`index.js`的文件 管理数据 ~~~ //在index.js中(src=>store=>index.js) import {createStore} from 'redux'; import reducer from './reducer'; const store = createStore(reducer); export default store; ~~~ ## 2.创建一个`reducer.js`取存储数据(相当于仓库) ~~~ const defaultState={ inputValue:'', list:[] }; /* state指store中的数据 */ export default (state=defaultState,action)=>{ return state; } ~~~ ## 3.在App.js中导入store ~~~ import store from './store'; class App extends Component { constructor(props){ super(props); //getState()可以获取state中的数据 console.log(store.getState()) this.state = store.getState(); } } ~~~