摘要:
条件渲染和列表渲染 一、条件渲染 条件渲染较简单,使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素,然后让 React 根据它们来更新 UI。 贴一个小栗子: 当然,得益于 jsx 的语法,我们可以用变量来缓存元素或者组件: 阻止渲染的栗子: 注意:组件的 render 阅读全文
摘要:
React 事件处理 另外一篇总结:react 中的事件绑定 。 2019-05-16 更新 建议:在了解 js 的 this 取值后食用更佳。 一、react 与 Html 中用法的异同和注意点 html 中的绑定事件的写法: react 中的写法: 在 React 中另一个不同是你不能使用返回 阅读全文
摘要:
React Props props - 参数。 组件类 React.Component 有个 defaultProps 属性,以 class xxx extend React.Component 形式创建的组件够可以通过属性来控制传入组件的参数,如下例: 配合 state 使用案例: props 验 阅读全文
摘要:
React State 一、 state 大致思想:在 react 中,每个组件都是一个状态机,通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM)。 以上代码,实现了加载 阅读全文
摘要:
封装三: 阅读全文
摘要:
封装二: http.js localstorageHelper.js 阅读全文
摘要:
封装一: 阅读全文
摘要:
一些概念: 1.组件:概念等同于 vue 中的组件,字面意思,不过 vue 中组件是以 .vue 结尾,通过 vue-loader 编译成 js,而 react 组件就是 js。 2.jsx:js 语法扩展,编译器遇到 html 标签按照 html 编译,遇到 js(就是 { xxx }) 按照 j 阅读全文
摘要:
前言: 在大概学完 vue 整体框架后,有幸接触到花裤衩大神写的 vue-elementUI-admin 模板框架,把这个模板框架当作 demo,跟着 code 一遍,最大的收获是在以逻辑简单的模板熟悉了一个项目的 code 流程,其中对页面的分割、组件间的通信、路由的设置、vuex和请求的结合以及 阅读全文
摘要:
序言: 1. vue 单组件的生命周期; 2. vue 父子组件的生命周期; 3. axios 异步请求 与 vue 的组件周期; 一、vue 每个组件的生命周期 关于每个组件的生命周期,官方文档里也提供了,网上也能搜到各路大神们的相关文章,这里不赘述,贴一个网址以及简单总结。 Vue的生命周期 - 阅读全文