PHPStorm and ES6 arrow functions inside vue template tag

Question

I'm using PHPStorm 2017.2 and today I faced with some trouble. Is there any way to use arrow functions within vue attributes inside template? Now, i'm getting "expression expected" error highlighted by PHPStorm, when trying to write something like

<template>
   <button @click="() => {some code... }">Click me</button>
</template>

Arrow functions works fine inside script tag, but problem with template tag drives me mad.

Answer 1

Functions are not allowed in the template syntax so if the plugin allows it or not doesn't matter anyways + its not good practice --> create a method for it much cleaner and more readable.

Git hub issue for similar problem. https://github.com/vuejs/vue-loader/issues/364

Answer 2

I'd say it's supported already in vuejs 2.0. I have tested it and it's also written in the docs:

<comp :foo="bar" @update:foo="val => bar = val"></comp>

Just PhpStorm is complaining... If you raise a bug I will upvote!