快速了解
完整资料
资料已展开关于 渲染器
组件的本质
当我们使用 Vue 或 React 时，往往会将页面拆分为各种组件，通过拼装组件来形成页面和应用，就像搭积木一样
组件的产出是什么
在 JQuery 盛行的年代，比起组件，“模板引擎”的概念要更加流行。
我们可以使用 lodash.template 函数来回忆一下当年是如何用模板开发一个页面的：
js
复制代码
import { template } from 'lodash'
const compiler = template('<h1><%= title %></h1>')
const html = compiler({ title: 'My Component' })
document.getElementById('app').innerHTML = html模板引擎的概念是：字符串 + 数据 => html。
lodash.template 函数虽然称不上是“引擎”，但足以说明问题。
我们将模板字符串传递给 template 函数，该函数返回一个编译器 compiler，只要把数据传入 compiler 函数，便能得到最终想要渲染的内容。
当数据发生变化时，我们需要使用新的数据重新编译模板：
js
复制代码
const newHtml = compiler({ title: 'New Component' })如果把上面的逻辑封装成一个函数，那么一个组件就诞生了：
js
复制代码
const MyComponent = props => {
const compiler = MyComponent.cache || (MyComponent.cache = template('<h1><%= title %></h1>'))
return compiler(props)
}
MyComponent.cache = null我们可以这样使用它：
js
复制代码
document.getElementById('app').innerHTML = MyComponent({ title: 'MyComponent' })React 高阶组件
高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式
Bingooo.Tang 的日志
像日志一样，记录点滴
从 React-Redux connect 看如何编写 HOC（一）
从 React-Redux connect 看如何编写 HOC（一）
从 React-Redux connect 看如何编写 HOC
从 React-Redux connect 看如何编写 HOC（二）
再看 Redux
Vue Mixins高级组件与Vue HOC高阶组件应该怎么使用！
在项目里，我们经常会使用组件库进行快速开发，然而在过程中，又难免会遇到对组件库的改造和拓展，如何优雅且简单的进行重构，下面让我们从一个简单需求来探索组件的奇技淫巧--Mixins和HOC
https://zhuanlan.zhihu.com/p/59939294
没有废话的vue高级进阶
适合的使用方向
当我们使用 Vue 或 React 时，往往会将页面拆分为各种组件，通过拼装组件来形成页面和应用，就像搭积木一样，详细解析组件是什么，组件的由来以及原理
当我们使用 Vue 或 React 时，往往会将页面拆分为各种组件，通过拼装组件来形成页面和应用，就像搭积木一样，详细解析组件是什么，组件的由来以及原理
当我们使用 Vue 或 React 时，往往会将页面拆分为各种组件，通过拼装组件来形成页面和应用，就像搭积木一样，详细解析组件是什么，组件的由来以及原理
收录线索
内容根据公开资料整理；版本、兼容性与服务状态请以官网最新说明为准。