vue的指令

158 阅读1分钟

1、指令:

(1)内容渲染指令:v-text:缺点:会覆盖元素中覆盖的内容

{{ }}:差值表达式,只能用在内容节点,不能用在属性节点

v-html:可以把带有标签的字符串渲染成dom元素

(2)属性绑定指令:v-bind=>简写:

(3)事件绑定指令:v-on:简写@

@click="show" 不传参数会有默认e,如果传参数 @click=show "(3,$event)"

事件修饰符:.prevrnt(阻止默认行为)

           .stop(阻止事件冒泡)

键盘修饰符:@keyup.esc @keyup.enter

(4)双向数据绑定:v-model:只能用在表单元素上

v-model修饰符:.number   .tirm   .lazy

(5)循环渲染指令:v-for=(item index)in 数据

:key="item.id"

拿索引当key没有意义,只能是字符串或数字类型,key局域唯一性

(6)条件渲染指令:v-if: 动态添加元素和移除元素

                  v-else v-else-if

                  v-show:动态添加和移除display:none