做为一个前端专家，请问vue-drag-resize的x,y怎么用百分比显示

可以通过计算百分比来设置vue-drag-resize组件的x和y属性，具体步骤如下：

1. 获取当前容器的宽度和高度，可以使用CSS中的width和height属性获取。
2. 计算x和y坐标的百分比，公式为：百分比 = (组件坐标 / 容器尺寸) * 100%。
3. 将计算得到的百分比值作为x和y属性的值，即可实现以百分比显示vue-drag-resize组件的位置。

以下是示例代码：

<vue-drag-resize :x="xPercent" :y="yPercent">
  <!-- 组件内容 -->
</vue-drag-resize>

export default {
  data() {
    return {
      x: 100, // 组件x坐标
      y: 200, // 组件y坐标
      containerWidth: 500, // 容器宽度
      containerHeight: 500 // 容器高度
    }
  },
  computed: {
    xPercent() {
      return (this.x / this.containerWidth) * 100 + '%'
    },
    yPercent() {
      return (this.y / this.containerHeight) * 100 + '%'
    }
  }
}

通过以上代码，可以将vue-drag-resize组件的位置以百分比的形式显示在页面上。