原生js中的事件基础内容：属性绑定 function alert(){ alert('hello vue.js') } js操作// 1. 获取数据var data = ‘hello vue.js’// 2. 获取DOMvar app = document.querySelector(’#app’)// 3. 渲染数据app.innerHTML = data// 4. 添加事件app.onclick = function(){app.style.background = ‘red’}事件的组成部分：DOMon 添加事件的形式事件类型 click事件处理函数vue.js事件1.用 v-on添加事件2.事件处理函数写在配置项中的methods中3.书写步骤：先写方法，再去绑定方法书写： 绑定事件：例： 可使用“ @ ”简写： 思考：假如我们有一个方法，这个方法里有两个参数，第一个为自定义参数，第二个参数为事件对象，为什么第二个事件对象会等于undefined。原因：当我们自定义参数后，系统无法是别是不是对象事件。解决方法：传入事件对象的事件参数，也就是实参：$event1. 事件修饰符vue这边可使用事件修饰符(modify)格式：v-on:eventType.modify = eventFnName类型：.stop : 阻止冒泡行为.prevent ：阻止浏览器默认行为.capture ： 阻止捕获行为.self ： 自身触发.once ： 只执行一次.passive ： 行为结束后触发（scroll）2. 按键修饰符 （ 键盘事件 keyup keydown keypress）.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right3. 自定义按键修饰符1. 全局修改Vue.config.keyCodes.自定义修饰符 = 键盘码使用：@keyup.自定义修饰符 = eventFnName2. 自定义事件(自定义事件类型)如何定义？使用new Vue() 的到的实例来定义vm.$on(eventName,callback)如何触发呢？vm. e m i t ( e v e n t N a m e ) t h i s . emit(eventName) this. emit(eventName)this.emit(eventName)单项数据绑定数据更改，视图就更改使用api中的v-bind来实现 概念；将数据和属性进行绑定， 也就是原生身上的属性的值就是数据 格式v-bind:attr = data简写：:attr = data例： 双向数据绑定数据改变， 视图更新，视图改变， 数据更新格式：v-model:attr=data简写：可以省略属性v-model=data特别强调：v-model用于表单， v-model默认绑定了value属性例： }

Vue中获取事件的event 对象（一）——不传参-默认event对象 & 传参数$event-可添加其他参数方式一：默认获取不填写时，默认第一个参数就是 event 对象。1、只获取本身的值，在一般的回调函数中，都默认存在$event 方式二：$event必须是 $event 的写法，该参数位置可随意，也可放在第一个。2、获取本身的值+参数的值，对比与上一个例子的不同。 获取定义参数的值和当前button上的值。}

emits自定义事件vue3中组件发送的自定义事件需要定义在emits选项中emits.vue helloworld.vue }