82.提取条件模式

文章预览

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