如何在VueJs中渲染组件？

Question

我想使组件依赖于我的变量 我用它：

<div>{{ auth ? <AuthCorrect /> : <AuthIncorrect /> }}</div>

但是我的应用程序呈现如下：

{{身份验证？ 验证正确 ： AuthIncorrect }}

有人知道如何解决这个问题吗？

Answer 1

Conditional Rendering

<div v-if="auth">Authentication Successful</div>
<div v-else>Authentication Failed</div>