一个显示图片的vue组件（可以在在容器中移动、缩放图片）

简单使用

安装 vue-img-mz

npm install vue-img-mz

一、注册全局组件

// 引入组件
import vueImgMz from 'vue-img-mz'
// 引入样式
import 'vue-img-mz/lib/vue-img-mz.css'
const app = createApp(App)
app.use(vueImgMz)
app.mount('#app')

任意页面就可以使用了

<vueImgMz :src="'https://cn.vuejs.org/images/lifecycle.png'"/>

二、局部注册，按需引用

// 引入组件
import vueImgMz from 'vue-img-mz'
// 引入样式
import 'vue-img-mz/lib/vue-img-mz.css'

export default {
  name: 'App',
  components: {
    vueImgMz
  }
}