vue中在多个元素上绑定同一个事件，怎么处理最合适

<input @click="handle"/>
<input @click="handle"/>
<input @click="handle"/>
<input @click="handle"/>
<input @click="handle"/>
<input @click="handle"/>
<input @click="handle"/>

希望能用vue的方式解决，有什么好的办法吗

是想冒泡？
给父元素绑定click事件？

v-for动态创建元素我感觉更好一些，既然能放在同一个父元素中，就是有共同点的，在data中创建个array，可以将差异点以参数的形式放进去，这样你的页面也会更灵活，对于vue的dom diff来说，性能几乎没有差别
遇到以下场景也会更好处理
领导让你的页面复用多次，每个页面input的数量不同，title也不同，这样就可以将它当成组件抽象一下
后端要求你的页面属性动态化，根据参数渲染，就不用创建那么多变量了

用@click，然后再传个类型去区分

<input @click="handle(type)"/>

你写一个div 包裹起来所有的input，然后给 div添加点击事件，点击input的时候，会触发父div的点击事件，其实就是事件委托，可以通过事件对象来区分点击的是哪个input