Vue能够根据一定的条件来渲染页面，这被称为条件渲染。

在Vue中，通常使用v-if和v-show指令实现条件渲染。

  
    <div v-if="isAdmin">
      <h1>欢迎管理员访问</h1>
    </div>
    <div v-else>
      <h1>您的访问受限</h1>
    </div>

    <div v-show="isShow">
      <p>这是可以显示的内容</p>
    </div>
  

使用v-if指令时，根据表达式的值来判断是否渲染元素。例如上述例子中，如果isAdmin为true，那么<h1>欢迎管理员访问</h1>这块内容会被渲染，否则<h1>您的访问受限</h1>会被渲染。

而v-show指令则根据表达式的值来控制元素的显示和隐藏，不会真正的移除元素，因此性能上优于v-if。例如上述例子中，如果isShow为true，那么<p>这是可以显示的内容</p>会被显示出来，否则会被隐藏。