vue的常用的指令

①v-if：根据条件渲染元素，当条件为真时，元素被渲染，否则不渲染。

②.v-show：根据条件显示或隐藏元素，当条件为真时，元素显示，否则隐藏。

③v-for：循环渲染元素，可以遍历数组、对象、字符串等。

④v-bind：绑定元素属性或组件属性，可以动态地将数据绑定到元素或组件上。

⑤v-on：(简写 @ )绑定事件监听器，可以在元素上监听各种事件。

⑥v-model：双向绑定表单元素和数据，可以在表单元素上实现数据的双向绑定。

⑦v-text：将数据绑定到元素的⽂本内容中，可以实现数据的单向绑定。

⑧v-html：将数据绑定到元素的HTML内容中，可以实现HTML的渲染。

⑨v-pre：跳过元素和⼦元素的编译过程，可以⽤来优化性能。

⑩v-cloak：在元素加载完成之前隐藏元素，可以防⽌元素在渲染之前显示出原始状态。

v-html 和v-text 区别

v-html 将数据作为原始HTML 插入页面中，会解析并渲染 HTML 标签，适用于需要显示富文本内容。

v-text：将数据作为纯文本插入页面中，不会解析HTML 标签，适用于不需要解析HTML 标签 文本内容的情况。