VUE2的指令用法

在Vue.js 2中，指令是用于向DOM元素添加特殊行为的特殊属性。以下是一些Vue.js 2中常见的指令以及它们的用法：

v-html和v-text：

是帮助我们渲染内容的他们的本质就是innerhtml和innertext

他们的区别是html可以解析标签 text不能解析

v-show和v-if

他们的作用就是控制元素显示和隐藏但他们的隐藏方式不一样，

v-show他的本质就是控制元素的display属性来实现显示和隐藏，它的安全性低，但性能损耗小

相比show v-if的安全性能高（就是把元素进行增删 控制台都看不到） 但性能损耗大

上面是true的情况下

下面是flase的情况下

v-if和v-else-if和v-else

他们的作用就是帮我们根据条件渲染dom他们是找到一个满足条件的就不在渲染了，请看下面的例子

当我们让它是大于99的话

就会显示优秀不在继续渲染了

v-for

他的本质就是js中的for循环

相信就会有小伙伴问了为什么用key

咱先看看不用key会怎么样

v-for循环渲染对象 语法格式是固定的    v-for=” item in（这个in不能变 一定是在着的）list“

因为 使用v-for给每一项加一个key的目的是为了给循环每一项增加一个唯一的标识

v-model

他的作用是操作表单的 双向数据绑定（就是在表单输入的时候应用程序的数据也会发生变化） 他是一个语法糖

还有三个最不常用的

v-pre和v-once和v-cloak

v-pre：告诉 Vue 不要编译指定的元素及其子元素。这对于显示原始 Mustache 标签或其他 Vue 指令的代码片段非常有用

v-once：只渲染元素和组件一次，不会再随数据的变化而重新渲染。这对于静态内容或者很少改变的内容很有用。当数据发生变化时，使用 v-once 的内容将保持不变。

v-cloak：在应用初始化之前隐藏模板中的 Vue 标记，直到 Vue 实例准备完毕。这通常用于防止页面在加载时出现闪烁，因为在初始化之前，Vue 绑定的标记可能会以原始形式显示在页面上。