事件修饰符:
prevent:阻止默认行为(eg:@click.prevent="showInfo")
stop:阻止事件冒泡(@click.stop="showInfo")
once:事件只触发一次(@click.once="showInfo")
self:只有当event.target为当前元素时候才触发(@click.self="showInfo")
键盘事件:
@keyup.enter="showInfo"(当点击回车的时候触发,不需要再判断键盘按下的keyCode)
常见的键盘别名:enter,delete,esc,space(空格),tab(特殊,一般绑定keydown事件),up,down,left,right
slot
1)普通插槽
作用:占个位置,等着组件的使用者来填充。
<slot>我是默认值,当使用者没有传递具体结构时,我会出现</slot>
2)具名插槽
作用:标识了组件应该具体放在哪个插槽里
3)作用域插槽:主要用于数据保存在子组件中,而要求父组件里呈现不同样式的子组件
(scope的值可以任意起名)
(scope | | slot-scope都可以(版本写法不同而已,作用一样))