3.VUE模板语法总结
插值语法:{{xxx}}
指令语法:
单向数据绑定:
v-bind: href="xxx"
: href="xx"
双向数据绑定(只用于表单来元素(输入类元素)):
v-model: value
v-model
事件处理:
v-on: click="fun($event, arg)"
@click="fun($event, arg)"
事件修饰符:
1.prevent:阻止默认事件(常用);
@click.prevent="fun()"
2.stop:阻止事件冒泡(常用);
@click.stop="fun()"
3.once:事件只触发一次(常用);
@click.once="fun()"
4.capture:使用事件的捕获模式;
5.self:只有event.target是当前操作的元素是才触发事件;
6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕;
键盘事件:
回车enter,删除delete(捕获“删除”和“退格”键),退出esc,空格space,换行tab(特殊,必须配合keydown去使用),上up,下down,左left,右right
<input type="text" placeholder="按下回车提示输入” @keydown.enter="fun">