03 2021 档案
摘要:每个组件都有会有自己的 props(properties)属性 组件标签的所有属性都保存在 props 中 通过标签属性从组件外向组件内传递变化的数据 模拟需求 自定义用来显示一个人员信息的组件 姓名必须指定, 且为字符串类型 性别为字符串类型,如果性别没有指定,默认为男 年龄必须指定,且为数字类型
阅读全文
摘要:构造字面量对象时使用展开语法 将已有对象的所有可枚举 (enumerable) 属性拷贝到新构造的对象中 浅拷贝 (Shallow-cloning, 不包含 prototype) 和对象合并, 可以使用更简短的展开语法。而不必再使用 Object.assign() 方式 var obj1 = { f
阅读全文
摘要:state 是组件对象最重要的属性,知识对象(可以包含多个 key-value 的组合) 组件被称为“状态机”,通过更新组件的state来更新对应的页面显示(重新渲染组件) 模拟需求 点击文字,轮番显示今天天气很炎热和今天天气很凉爽 示例 一般写法 class Weather extends Rea
阅读全文
摘要:React 函数式组件 创建函数式组件 function MyComponent() { console.log(this); // 此处的 this 是 undefined,用为 babel 编译后开启了严格模式 return <h2>我是函数定义的组件(适用于简单组件的定义)</h2>; } 渲
阅读全文
摘要:jsx 全称:JavaScript XML react 定义的一种类似于 XML 的 js 扩展语法:js + XML jsx 语法规则 定义虚拟 DOM 时, 不要写引号 <body> <div id="test"></div> <script type="text/babel"> // 创建虚拟
阅读全文
摘要:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 State 提供唯一的公共数据源,所有共享的数据都要统一放到 Store 的 State 中进行存储 const store = new Vu
阅读全文