Bootstrap

Vue3初学之常用的指令

  1. v-bind:动态绑定属性
    v-bind 用于动态绑定一个或多个属性,或一个组件 prop 到表达式的值。
    在这里插入图片描述
    在这里插入图片描述

  2. v-model:双向数据绑定
    见上篇
    https://editor.csdn.net/md/?articleId=145022994

  3. v-if、v-else-if、v-else:条件渲染
    在这里插入图片描述
    在这里插入图片描述

  4. v-show:条件显示
    v-show 也用于条件性地显示元素,但它始终会渲染元素,只是通过 CSS 的 display 属性来控制显示或隐藏。
    在这里插入图片描述

  5. v-for:列表渲染
    在这里插入图片描述
    在这里插入图片描述

  6. v-on:事件处理
    v-on 用于监听 DOM 事件,并在触发时执行表达式或方法。
    在这里插入图片描述
    在这里插入图片描述

  7. v-once:一次性插值
    v-once 用于一次性插值,插值的内容在首次渲染后不会更新。

  8. v-pre:跳过编译
    v-pre 用于跳过元素和子元素的编译过程,适用于静态内容,可以提高渲染性能。

  9. v-cloak:隐藏未编译的 Mustache 标签
    v-cloak 用于隐藏未编译的 Mustache 标签,直到 Vue 实例编译完成

;