- 博客(5)
- 收藏
- 关注
RSS订阅原创 简单实现react+mobx
前面写过关于react+redux的文章简单实现react+redux这里对Redux和Mobx进行简单的对比:Redux的编程范式是函数式的而Mobx是面向对象的;因此数据上来说Redux理想的是immutable（不可更改）的，每次都返回一个新的数据而Mobx从始至终都是一份引用。因此Redux是支持数据回溯的;然而和Redux相比，使用Mobx的组件可以做到精确更新，这一点得 益于Mobx的observable; 对应的，Redux是用dispath进行广播,通过Provider和conn
2020-06-30 20:20:24
649
原创 简单实现redux+react
安装：npm install --save reduxredux是所有语言都可以使用的，并不是只有react可以使用有专门的react-redux与react的绑定库和开发者工具npm install --save react-reduxnpm install --save-dev redux-devtoolsredux的三大原则一、单一数据源，整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。二、St
2020-06-30 17:20:18
243
原创 实现一个简单的axios封装
简单实现axios封装1.创建生产环境地址 （本机地址）.env.development文件VUE_APP_BASE_URL='/api'创建开发环境地址（java后台地址）.env.production文件VUE_APP_BASE_URL='http://106.14.26.32:8080/api'2.在Axios代理处判断环境，进行相关的操作module.exports = { publicPath: process.env.NODE_ENV === 'production
2020-06-28 21:06:49
628
原创 实现前后端数据键名不一致，数据交换
实现前后端键名不一致的数据交换//后台数据的模拟： let dataList = [ {id: '1', name: '小狗', age: 5}, {id: '2', name: '小羊', age: 8}, {id: '3', name: '小猪', age: 10}, {id: '4', name: '小牛', age: 12} ]; //前台数据的模拟： let myList = [ {m
2020-06-28 20:54:01
798
原创 VUE实现组件之间的通信
VUE之间的通信方式在使用vue框架搭建项目时总会碰到父子组件，隔代组件，兄弟组件之间的传值，这里我介绍六种传值方式一、使用props在父子之间进行传递值父组件使用v-bind绑定相应的值，在子组件中使用props进行接收，获得父组件的值其中使用this.$emit（）来进行调用父组件的事件数据向下行，事件向上流在父组件Parent中：<Child :data-list='datalist' v-on:parent-chang-count="parentcount"></Ch
2020-06-28 20:40:00
623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人