常用的vue指令

v-html、v-text、v-bind、v-for、v-if、v-else-if、v-else、v-show、v-slot、v-once、v-on、v-model、v-cloak、

1. v-bind: 用于绑定数据到元素的属性，可以缩写为':'

例如：<img :src="imageUrl">

1. v-if: 根据条件判断是否渲染或移除元素

例如：<div v-if="isVisible">显示内容</div>

1. v-for: 用于循环渲染列表数据

例如：<li v-for="item in items">{{ item }}</li>

1. v-on: 用于监听事件，并执行相应的方法，可以缩写为'@'

例如：<button @click="handleClick">点击我</button>

1. v-model: 用于实现双向数据绑定，将表单元素的值与Vue实例的数据进行关联

例如：<input type="text" v-model="message">

1. v-text: 直接将数据渲染为文本内容，替代{{ }}

例如：<p v-text="message"></p>

1. v-html: 渲染包含HTML标签的数据

例如：<div v-html="htmlContent"></div>