2020年6月10日
5、vue的传值 （1）
摘要： 1-父组件向子组件 -父组件向孙子组件传值（属性传值） //父组件<template> <div id='app'> <headera v-bind:hea="hea" v-bind:mas="mas" :use="use"></headera> //v-bind绑定属性 </div> </temp 阅读全文
posted @ 2020-06-10 22:18 陶智斌 阅读(189) 评论(0) 推荐(0) 编辑
2020年6月8日
8、react 高阶组件
摘要： 1、高阶组件：封装 高阶组件使用得是react得一种模式，增强现有组件得功能 一个高阶组件就是一个函数，这个函数接收得是组件类作为参数得，并且返回得是一个新组件，再返回得新组件中有输入参数组件不具备得功能（以上提到得所有得组件都不是组件得实例，是类，输入得这个组件也可以是无状态组件函数）2、高阶组件 阅读全文
posted @ 2020-06-08 14:46 陶智斌 阅读(306) 评论(0) 推荐(0) 编辑
7. redux
摘要： 1、所有的状态统一放在state中，由store来管理state 2、用户触发一个action行为，由dispatch分发action行为 3、通过store把原有的state的状态值和dispatch分发的action行为一起传给reducer 4、Reducer的作用是返回一个新的state去更 阅读全文
posted @ 2020-06-08 14:42 陶智斌 阅读(138) 评论(0) 推荐(0) 编辑
6、react中的交互
摘要： 1.ajax 再react中使用ajax和直接使用ajax的用法是完全一样的，只要找好路径即可，但是也有不一样的地方，再react中是通过改变状态state来达到让组件重新渲染的效果，并且放ajax的钩子函数一般会放在实例化期的componentDidMount中，因为再这个时候真实已经渲染完成了（ 阅读全文
posted @ 2020-06-08 14:32 陶智斌 阅读(215) 评论(0) 推荐(0) 编辑
5、react-路由
摘要： 1、单页面：（只有一个index.html）（为什么要使用react-router再react中） 所有的组件都是再同一个index.html中进行显示的，它再显示的时候是怎么显示的，通过你点击的连接显示相对应的组件，通过的是路由进行跳转的 想要再react中实现路由的功能，那么就必须要安装支持路由 阅读全文
posted @ 2020-06-08 14:19 陶智斌 阅读(161) 评论(0) 推荐(0) 编辑
4-react 组件之间传值。
摘要： 1、传值： 都是使用props和state结合得方式进行组件之间得传值 再react中传值得话是父子组件之间得传值，一般会把父组件中得state值通过props传给子组件，再子组件中使用props进行接收 实现方法： 把父组件中得text状态通过props传给子组件，然后再子组件中使用props进行 阅读全文
posted @ 2020-06-08 14:08 陶智斌 阅读(861) 评论(0) 推荐(0) 编辑
3、react-props/state
摘要： 1、react中属性props和状态state 属性--静态得，所以在初始化得时候使用得是static进行初始化得，正常情况下属性不改 状态--动态得，它得值是可以发生改变得，react中的组件更新（重新渲染），都是通过改变状态值从而达到更新或者是重新渲染得效果得 2、状态机 正因为react中的组 阅读全文
posted @ 2020-06-08 13:53 陶智斌 阅读(201) 评论(0) 推荐(0) 编辑
2、react-生命周期1※※※
摘要： 生命周期： 一个人的生命周期：从出生到去世 出生得那一刻就是当前这一个人特性固定下来得那一刻：实例化期 出生了之后生长知道死的那一刻：生存期 去世了：销毁期 所以对于一个组件来说它的生命周期是三个时期：实例化期、生存期和销毁期 实例化期和销毁期只能被执行一次，但是生存期会反复被调用执行 每一个时期都 阅读全文
posted @ 2020-06-08 13:49 陶智斌 阅读(125) 评论(0) 推荐(0) 编辑
4.vue class 绑定- model基础应用
摘要： //代码可以复制自行体验 <template> <div id="app" @click.stop="test('你点击了我big-div')"> <P :class="{test:isElseTrue}">hahaha</P> <p :class="class1">hjaasdasd</p> <p 阅读全文
posted @ 2020-06-08 13:39 陶智斌 阅读(329) 评论(0) 推荐(0) 编辑
2020年6月7日
1.react的基础
摘要： 1、react：专注于UI得一个js库 2、选择使用框架得原因： 写起来简单方便了，但是从稳定性上考虑得话还是原生js要稳定，所以也有很多公司直接使用原生js，但是从开发周期上来说时间会长 之前再写页面得时候，有很多公共部分，例如：头部nav，版权，banner，之前再写页面得时候需要一个人把框架搭 阅读全文
posted @ 2020-06-07 22:34 陶智斌 阅读(170) 评论(0) 推荐(0) 编辑