我们经常在vue开发项目的过程中遇到需要对input框使用v-modal的这种情况，在有的时候不光需要双向数据绑定，还需要在改变数据之后绑定其它的操作那么问题来了，你是使用@change綁定事件还是使用@click绑定事件...

我们经常在vue开发项目的过程中遇到需要对input框使用v-modal的这种情况，在有的时候不光需要双向数据绑定，还需要茬改变数据之后绑定其它的操作那么问题来了，你是使用@change绑定事件还是使用@click绑定事件

建议不要通过click绑定事件对待input标签，最好通过change来触發本人血的教训。

click执行的时间要早于change执行的时间因为v-modal的时间是一个异步的。

当点击之后v-modal可能还没有来得及将绑定在data里面的数据改变，click绑定的事件就执行了这会导致click绑定事件里面拿到的data数据不是最新的。

change绑定的事件是一定要等到input框的value值改变之后才会被触发

关于这一系列的顺序我是这样理解

1，给vue组件绑定事件时候必须加上native ，否则会认为监听的是来自Item组件自定义的事件 2等同于在子组件中： 子组件内蔀处理click事件然后向外发送click事件：$emit(“click”.fn) 1 <Item

1，给vue组件绑定事件时候必须加上native ，否则会认为监听的是来自Item组件自定义的事件

2等同于在子组件中： 子组件内部处理click事件然后向外发送click事件：$emit(“click”.fn)
 
 

根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件子组件触发事件給父组件。但父组件想在子组件上监听自己的click的话需要加上 native 修饰符，故写法就像上面这样 好吧，处女座...

vue基础：获取表单数据双向数據绑定 Vue事件介绍 以及Vue中的ref获取dom节点 1.在vue中我们通过v-model进行数据绑定，vue其实就是实现mvvm的框架mvvm表示，model的改变会影响view（视图）view的改变会影响...