Vue常用指令 及动态样式的实现

一、Vue常用指令

1、概念：

在vue中，提供了一些更加简单的指令，通过使用这些指令，可以让我们在进行项目开发时更加的方便

2、指令名称及效果

（1）、v-if v-show：两者皆为对dom元素进行显示与隐藏，但v-if为数据的销毁与重铸，而v-show则为其内
在属性display是否为none
（2）v-else：常用于v-if与v-show的之后筛选，如if与else一般
（3）v-model：双向数据绑定的主要指令，使元素之间的数据传输更为方便
（4）v-on：绑定属性
（5）v-bind：绑定事件的发生
（6）v-text v-html ：两者都可将dom数据渲染到页面中，但v-text会显示其文本，将标签也显示出来，
而v-html会将标签给数据化后重新渲染，显示出来的只会有内容，而没有标签
（7）v-for:循环遍历数组，多可用于数据的展开与渲染

二、 动态样式的实现

1、动态添加样式

html数据

在data中添加索引值

style样式变更

样式变更主要是通过改变index索引值而更改的

2、单选样式与多选样式

与动态改变其样式一致，需对其索引值加载进行判断