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