前端开发学习笔记(二) : Vue3 常用指令和功能

Vue 提供了许多指令和功能来处理不同的任务和逻辑，使得开发更加高效和便捷。

v-if

在模板中使用 v-if 指令时，你需要将其绑定到一个布尔表达式上。如果该表达式的值为 true，则元素或组件将被渲染到页面上；如果为 false，则元素或组件将被从 DOM 中移除。

<div v-if="isShown">
  
div>

v-else 和 v-else-if

除了 v-if，Vue 还提供了 v-else 和 v-else-if 来实现条件渲染的分支。

<div>
  <p v-if="condition">条件为true时显示p>
  <p v-else-if="otherCondition"