vue中实现组件跟随鼠标位置弹出效果

实现鼠标放置在“我的”上时出现卡片，卡片位置跟随鼠标。当鼠标移除卡片时卡片隐藏。
当鼠标移入时获取鼠标坐标，并把父组件的鼠标位置通过prop传给子组件。

toCenter(event){
  const{x,y}=event
  this.mouse_x=x;
  this.mouse_y=y;
  this.showCenter=true;
},

子组件通过动态绑定style改变div坐标。

注意！！！

一开始没用watch，而是在data里直接修改，如上所示。
这样会出现刷新以后data获取不到prop中的属性值。如下图