vue中的自定义事件 和v-model

1：事件的注意事项：

事件 （1）：系统事件   click   双击  鼠标系列其他   键盘系列等等   

        （2）：自定义事件

事件源 ：事件是给谁绑定的 

事件类型：click  change  等

事件的回调：fn

原生DOM标签可以绑定原生DOM事件，  而VUE实例组件则不能绑定DOM事件，默认为自定义事件。但是我们可以使用修饰符（native）让事件变成原生DOM事件。其本质上是给子组件的根节点绑定了事件，利用了事件的委派

注意：原生的DOM事件绑定自定义事件是没有意义的，原生DOM并不是一个组件，无法触发 $emit

2：v-model

        v-model 它是Vue框架中的指令，它主要结合表单元素一起使用（文本框，复选框，单选等等）

主要的作用是收集表单数据，他也是组件通信方式的一种

oninput事件：原生DOM事件，它经常和表单元素一起使用，当表单元素文本内容发生改变的时候就触发一次回调（和change区别：change是失去焦点触发回调）

在Vue2中， 我们可以使用v-bind 和 oninput事件实现v-model功能

data(){

msg: "  "

        }

：value = "msg"      

@input =  "msg = $event.target.value "

        实现父子组件数据同步（父子组件通信 ）

父组件的内容：

 子组件的内容

3属性修饰符sync（同步的意思）

它也是组建通信的一种，可以实现父子组件数据同步

第一种方式， 跟v-model类似

 

 第二种方式 ：sync

父组件传递自定义事件加sync修饰符

 实际sync这个修饰符相当于父组件同时传入了props【money】和自定义事件【update：money】