vue3中引入本地图片

本地图片一般存放在src/assets或者public目录下，public目录下的图片不会被webpack打包，src目录下面的图片会被webpack打包

在vue组件中的script中使用require引入，require里面为图片路径，一般用相对路径，注意require不能接收变量作为地址

在vue组件中的视图中直接使用相对地址

可以看到现在的图片，已经具备放大缩小及旋转的功能了，但是这个方法会造成图片的遮挡，所以还需要做一个拖动图片的功能

在main.js里面全局定义一个拖动指令，也可在局部定义。

最后给当前图片的元素加上v-drag，以及position: absolute的样式，图片就能正常的拖动了

---