背景### 很多业务代码，掺杂着一些通用的大段逻辑；容易导致的后果是，当需要类似功能时，不得不重新写一道，或者复制出几乎相同的代码块，让系统的无序性蹭蹭蹭往上涨。 具有良好抽象思维的有心的开发者，则会仔细观察到这种现象，将这些通用的大块逻辑抽离出来，做成一个可复用的微组件，使得以后再做类似 ...

用key管理可复用的元素 例1 例2 关于key： 官方解释: 　　如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素 理解： 　　加上key默认采取 ...

组件(Component)是Vue.js最核心的功能。组件与Vue类似需要注册之后才可以使用。注册有全局注册和局部注册两种方式。全局注册后在任何Vue实例中都可以使用。 需要注意的是：template的DOM结构必须被一个元素包含，否则无法渲染。在Vue实例中，使用 ...

Component React核心思想，一切皆是组件，通过组件可以达到最理想的代码复用 栗子 很简单的一个组件，如果其他需要用，直接引用即可 但是为了满足最佳实践，我们将该组件分成容器组件跟展示组件 容器组件： 展示组件 ...

React组件复用的方式 现前端的工程化越发重要，虽然使用Ctrl+C与Ctrl+V同样能够完成需求，但是一旦面临修改那就是一项庞大的任务，于是减少代码的拷贝，增加封装复用能力，实现可维护、可复用的代码就变得尤为重要，在React中组件是代码复用的主要单元，基于组合的组件复用机制相当优雅，而对 ...

（1）全局注册 （2）局部注册 （3）is挂载组件 table、ul、ol、select这些标签会限制其内的元素，这时可以使用is来挂载组件 （4）组件也可以有data，method，computed等属性。但是data是函数，数据需要 ...

组件，是一个具有一定功能，且不同组件间功能相对独立的模块。高内聚、低耦合。 开发可复用性的组件应遵循以下原则： 1.规范化命名：组件的命名应该跟业务无关，而是依据组件的功能命名。 2.数据扁平化： 定义组件接口时，尽量不要将整个对象 ...

echarts 组件复用 在前端开发过程中经常会遇到使用 echarts 报表的功能，有很多时候在一个页面或者是一个项目当中使用相同的 echarts 表，比如使用好几个柱状图、折线图之类的，而这些柱状图的样式是完全一样的，只是横纵坐标的数据不一样，因此我们可以将样式相同的 echarts ...