一、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、单选样式与多选样式
与动态改变其样式一致,需对其索引值加载进行判断