vue常用指令

发布时间 2023-08-04 00:03:43作者: 黑逍逍
  1. v-bind(缩写为 :):用于绑定元素的属性到 Vue 实例的数据。

  2. v-model:用于实现双向数据绑定,将表单元素和 Vue 实例的数据进行关联。

  3. v-on(缩写为 @):用于绑定事件监听器,执行相应的方法。

  4. v-if:根据条件判断是否渲染元素到 DOM。

  5. v-for:用于循环渲染一组元素。

  6. v-show:根据条件判断是否显示元素,但始终在 DOM 中保留。

  7. v-pre:跳过编译过程,直接将标签内的内容渲染出来。

  8. v-cloak:保持在 Vue 实例编译结束前的状态,用于解决初次渲染时闪烁的问题。

  9. v-bind:key:用于指定 v-for 循环中每个元素的唯一键值。

  10. v-text:用于替代元素的 innerText,将表达式的值更新为元素的文本内容。