摘要：
基础知识 1.安装 yarn add redux 2.createStore方法 reducer 纯函数 给同样的输入,一定会给一个同样的输出 给同样的输入,返回不同的输出 reducer 用来修改状态 getState 获取状态值 subscrible subscrible是个订阅函数,他在状态发 阅读全文
摘要：
基础知识 1.BrowserRouter (as Router,给BrowserRouter起一个别名) 2.Route 匹配路径,导入组件 3.Fragment 用来构建根组件 4.包容性,react-router-dom原始支持包容性 排他性需要引入switch,Switch的特点是从上往下读, 阅读全文
摘要：
1.styled-components首次尝试 2.Adapting based on props 通过props从父组件获取信息 3.Extending Styles 第一种用法(继承样式) 第二种用法(修改标签,将button标签改为a标签) 4.Styling any components 第 阅读全文
摘要：
1.基本结构及读取state中的数据 2.子组件读取全局的state(注意slot的用法) 3.mutations修改状态,传入的参数为state,mutations对应的是methods,commit中为事件名称 4.mapState的使用 5.mapMutations的使用1 6.actions 阅读全文
摘要：
1.ul,li列表的循环(配合数组的map方法) 2.数组中新增一个元素(配合扩展运算符) 3.删除某个循环列表的元素(index传参,配合数组的splice方法) 4.父子组件传参(父传子) index,value为自定义属性,这里注意需要唯一的key 子组件接受参数(利用的是this.props 阅读全文
摘要：
虚拟DOM(diff算法) 为什么要使用虚拟DOM? 虚拟DOM是为了提高DOM渲染性能的,因为浏览器的DOM操作是最消耗性能的 把一个真实的DOM树转换成js对象树(createElment),当我们改变页面的时候,就会产生一个目标的对象树,两棵对象树进行比较,在内存中进行比较,比较出的不同点进行 阅读全文
摘要：
注意 1.没有再模板里引用data数据，会不会引起update、beforeUpdate生命周期函数的执行？ 不会 2.异步加载组件 3.v-once 通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。 4.如果不用template属性，直接在页面上写组件名， 阅读全文
摘要：
1.vue create maoyan (选择自定义特征) 2.babel,router,vuex,css预处理器的选择 3.使用history模式进行路由选择 4.选择css预处理器(这里我们选择stylus) 5.建立配置文件 6.选择是否保存这个项目的预设 7.安装包依赖,出现下图则表示安装成 阅读全文