使用Vue.js差异图像或视频的组件

vue-media-diff (vue-media-diff)

A component to diff image or video with Vue.js Edit Add topics.

使用Vue.js差异图像或视频的组件编辑添加主题。

安装 (Installation)

npm install vue-media-diff -s

用法 (Usage)

import MediaDiff from './Component.vue';

  export default {
    name: 'app',
    data() {
      return {
        origin: "src/assets/origin.jpg",
        diff: "src/assets/diff.jpg"
      }
    },
    components: {
      MediaDiff
    },
  }

<MediaDiff :origin="origin"
           :diff="diff"
           style="width: 540px; height: 400px">
</MediaDiff>

构建设置 (Build Setup)

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

翻译自: https://vuejsexamples.com/a-component-to-diff-image-or-video-with-vue-js/