1、vue 默认情况下，父组件是可以直接给子组件的根元素添加 class 和 style 的，但是有时候我们可能需要在父组件上给子组件添加一些特性绑定 attribute bindings 我的理解是自定义属性和一些原生属性到子组件的根元素上。

2、前段时间在工作中写Hybrid页面时遇到了这样的一个场景，公司需要一系列的活动组件，在每个组件注册的时候都需要调用App端提供的一个接口一开始也考虑了几种方式，包括mixin组件继承以及react高阶组件但经过了种种衡量。

3、1useMemo 计算结果是 return 回来的值， 主要用于 缓存计算结果的值 ，应用场景如 需要 计算的状态 2useCallback 计算结果是 函数， 主要用于 缓存函数，应用场景如 需要缓存的函数，因为函数式组件每次任何一个 state。

4、高阶组件 在当前应用中查找组件， 只能在 render 或 setup 函数中使用查找组件 在当前应用中查找指令， 只能在 render 或 setup 函数中使用将回调推迟到下一个 DOM 更新周期之后执行在更改了一些数据以等待 DOM。

5、react可以通过高阶组件Higher Order ComponentsHOC来扩展，而vue需要通过mixins来扩展 一个react高阶组件的例子react做的事情很少，很多都交给社区去做，vue很多东西都是内置的，写起来确实方便一些，比如 redux的。

6、单向数据流 在React中，你操作的是数据React根据你的数据变动来渲染出新的内容数据就是数据，渲染就是渲染避免了MVC中view部分又去直接修改model具体实现运用了Redux纯函数高阶组件虚拟DOM 对于三大框架。

7、称之为“css样式”，CSS要熟练掌握floatpositionwidthheight，以及对于的最大最小会使用百分百overflowmarginpadding，标题字体颜色变化，或为标题加入背景图片边框等等，这些都是跟布局有关系的样式，必须要掌握。

8、react整体的思路就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合reduxform，而vue是基于可变数据的，支持双向绑定react组件的扩展一般是通过高阶组件，而vue组件会使用mixinvu。

9、1学会HTML HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字图片视频等要熟练掌握divtableul li pspan等这些标签，这些都是最常用的2学习CSSCascading Style。

10、在组件之间复用状态逻辑比较困难，官方提供的 render props 和 高阶组件 确实很好用，但是整个用起来感觉很重，具体关于对类组件的吐槽可以参考React官网 Hook简介 这部分内容当使用React Hook去写React应用后，会发现再也不。

11、Provider 从最外部封装了整个应用，并向 connect 模块传递 store Connect 11对高阶组件的理解高阶组件是参数为组件，返回值为新组件的函数 HOC 是纯函数，没有副作用 HOC 在 React 的第三方库中很常见，例如 Redux 的。

12、在项目开发过程中，我们可以借助Bootstrap提供的CSS样式组件Java插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期站在巨人的肩膀上就是爽。

13、数据量太大的话会卡顿 扩展性 react 1 类式写法api少，更容易结合ts 2 可以通过高阶组件来扩展 vue 1 声明式写法，结合ts比较复杂 2 需要通过mixin方式来扩展 vuerouter提供了导航钩子全局前置。

14、vuerouter 使用 pathtoregexp 作为路径匹配引擎，所以支持很多高级的匹配模式，例如可选的动态路径参数匹配零个或多个一个或多个，甚至是自定义正则匹配查看它的 文档 学习高阶的路径匹配，还有 这个例子。

15、react是整体的思路的就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合reduxform，组件的横向拆分一般是通过高阶组件而vue是数据可变的，双向绑定，声明式的写法，vue组件的横向。