DynamicHeading.js App.vue
![240](https://upload.jianshu.io/users/upload_avatars/26568636/42617c4a-1703-4d4f-bd92-78e94368752a.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
DynamicHeading.js App.vue
快速启动一个http服务 安装node环境 然后在html文件所在的文件夹下运行 npx serve(如果卡了就enter一下命令行)
Fucntional Component 作用 如果你的组件在相同 props 的情况下渲染相同的结果,那么你可以通过将其包装在 React.memo 中调用,以此通过记忆组...
React.forwardRef 会创建一个React组件,这个组件能够将其接受的 ref 属性转发到其组件树下的另一个组件中。 不用 forwardRef 实现一个 dem...
// let a = b = 1; // // 上面的赋值顺序是 a = 1; b = 1; // console.log(a, b) let obj1 = {x: 100}...
v-for 遍历数和对象 在 v-for 里使用范围值 Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括: 通过数组下标直接赋值...
v-if vs v-show v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 也是惰性的:如果在初始渲染时条件为假...
class 对象绑定方式 class 数组绑定方式 style的 对象和数组 绑定方式
计算属性 常规 计算属性 getter和setter watch 常规监听 watch监控对象中的某个属性 watch 监控整个对象,并且带有deep和immediate
自定义 Hook 必须以 “use” 开头吗?**必须如此。这个约定非常重要。不遵循的话,由于无法判断某个函数是否包含对其内部 Hook 的调用,React 将无法自动检查你...
useState 使用 useEffect 使用
Hook 就是 JavaScript 函数,但是使用它们会有两个额外的规则: 只能在函数最外层调用 Hook。不要在循环、条件判断或者子函数中调用。 只能在 React 的函...
params传参: query传参: state传参: search传参:
import { Provider, connect } from 'react-redux' Provier可以通过React.creactContext()来模拟实现co...
List方法 Map方法 fromJS方法
redux-persist 必须要与react-redux配合使用,才能实现数据持久化 note: 先将store和中间件都创建好,然后直接按照文档使用redux-persi...