82.提取条件模式
提取条件模式在 Vue 中的应用
在开发 Vue 组件时，一个常见的问题是，“我该什么时候拆分组件？”这个问题被问地很多次。今天，分享一个简单的模式，它几乎可以应用于所有组件，并且几乎不需要多思考。
当我们在模板中遇到 v-if（或 v-show）时，有一个主要的模式可以使用：
提取每个分支的主体到独立的组件中。
接下来，我们来看一下这个模式是如何在实际代码中工作的。
模式本身
当我们提取每个分支的主体时，代码从：
<div v-if="condition">
<div>
<!-- 大量的代码 -->
</div>
</div>
<div v-else>
<div>
<!-- 另一部分代码 -->
</div>
</div>