条件渲染
模板内除了有模板语法，也有模板组件；
模板组件 是专门为了模板而设计的组件，这类组件只能在模板内使用；
条件渲染允许您在特定条件下，动态地在组件中插入不同的内容。以下是一个演示如何在组件内使用条件渲染的示例。
在这个示例中，我们创建了一个名为 test-demo 的组件。组件内包含一个按钮，点击按钮会使 count 属性自增。通过 x-if、x-else-if 和 x-else 标签，我们实现了条件渲染的逻辑。
x-if标签接受一个value属性，用于定义条件。如果value的值为true，则渲染x-if内部的内容。在这个示例中，如果count为偶数，将显示红色文本。x-else-if标签也接受一个value属性，用于定义条件。如果前面的条件不满足且value的值为true，则渲染x-else-if内部的内容。在这个示例中，如果count为 3 的倍数，将显示蓝色文本。x-else标签不需要value属性，它会在前面的条件都不满足时渲染其内部的内容。在这个示例中，如果count既不是偶数也不是 3 的倍数，将显示绿色文本。使用x-else时也可以紧跟在x-if后面；
通过这种方式，您可以根据不同的条件动态地渲染不同的内容，实现灵活的交互和展示效果。