模板⽅法模式在⼀个⽅法中定义⼀个算法的⻣架,⽽将⼀些步骤的实现延迟到⼦类中。模板⽅法
使得⼦类可以在不改变算法结构的情况下,重新定义算法中某些步骤的具体实现
class Parent {
constructor() {}
render () {
<div>
<div name="tom"></div>
<!-- 算法过程:children要渲染在name为joe的div中 -->
<div name="joe">{this.props.children}</div>
</div>
}
}
class Stage {
constructor() {}
render () {
// 在parent中已经设定了children的渲染位置算法
<Parent>
// children的具体实现
<div>child</div>
</Parent>
}
}
<template>
<div>
<div name="tom"></div>
<div name="joe">
<!--vue中的插槽渲染children-->
<slot />
</div>
</div>
</template>
<template>
<div>
<parent>
<!-- children的具体实现 -->
<div>child</div>
</parent>
</div>
</template>