学习记录(day06-事件、按键修饰符、计算属性)

[TOC]

1.1 事件修饰符/按键修饰符

• vue 通过事件修饰符对dom事件细节进行控制

<标签 @事件.修饰符="函数"></标签>


.prevent   ---阻止浏览器默认行为
.stop      ---阻止浏览器事件冒泡
.enter	   ---回车
.once      ---只触发1次
.native		父子组件使用（未学）
.tab								//Tab键
.delete (捕获 "删除" 和 "退格" 键) 	//Backspace键或Delete键
.esc								//Esc键
.space								//空格键
.up									//上键
.down								//下键
.left								//左键
.right								//右键
.ctrl								//Ctrl键
.alt								//Alt键
.shift								//Shift键

• 每一个事件函数都有个隐式参数 event
  • event事件对象: 用于记录当前事件的相关信息

event.code				//用户输入的字符, 例如: a
event.keyCode			//用户输入的字符对应的ASCII码,例如: 65
event.target			//触发事件的目标对象
event.target.value		//目标对象value属性的值

2.1 计算属性

<template>
	<div>
        {{计算属性}}
    </div>
</template>

<script>
export default {
    computed: {
        计算属性(){
            
        }
    }
}
</script>

<hr>日常学习的总结，主要是为了自己以后看，当然大家有什么好的建议，欢迎评论留言。