鼠标划过改变子元素的属性 vue

鼠标划过改变子元素的属性 vue （未完成）

一、需求

我想做一个类似词句大爆炸的效果，将一个句子炸成多个词条，然后手动选择需要的内容。

结构是这样的 wordList -> word

需要的操作是鼠标左键划过的时候将划过的字词选中。
现在不太确定是要把这个事件加到父元素 ( wordList ) 上还是子元素 ( word ) 上。

二、实现