Javascript Vue.js:匿名函数,参数在v-on:event或@event中

Javascript Vue.js:匿名函数,参数在v-on:event或@event中,javascript,php,vue.js,vuejs2,Javascript,Php,Vue.js,Vuejs2,我想在子组件发出事件后执行一个简单的函数。问题是子组件会发出我需要的数据作为函数的参数 如何在组件的一行中插入参数并运行函数 <div v-on:posted="runTask"> </div> 或 重要提示:我希望它适合模板(v-on:event或@event),因为我希望将组件保留在PHP刀片模板中。对于带参数的匿名函数,请使用: <div v-on:click="return function(data) { console.log(data);

我想在子组件发出事件后执行一个简单的函数。问题是子组件会发出我需要的数据作为函数的参数

如何在组件的一行中插入参数并运行函数

<div v-on:posted="runTask"> </div> 



重要提示:我希望它适合模板(
v-on:event
@event
),因为我希望将组件保留在PHP刀片模板中。

对于带参数的匿名函数,请使用:

<div v-on:click="return function(data) { console.log(data); }"> </div> 

或者用更简洁的ES6:

<div v-on:click="(data) => { console.log(data); }"> </div> 


注意:您可以使用任何变量名,而不是
数据
。Vue.js将把随事件发出的数据注入该变量名。

这非常有用。我知道react可以做到这一点。我不知道Vue也可以。谢谢如何访问数据变量中的事件?
<div v-on:click="(data) => { console.log(data); }"> </div>