vue 引入外部js静态文件

在一个组件内部需要引入一个js文件,如果放在index.html,每个组件都会有这个js,所以需要在组件内单独引入。

下载静态文件下来后,放入文件夹:
vue 引入外部js静态文件_第1张图片

组件代码:

<template>
  <div>
    <button @click="compressImage">点击调用方法</button>
  </div>
</template>
<script>
import ImageCompressor from '@/assets/js/image-compressor.min'
export default {
  data () {
    return {
    }
  },
  methods: {
    compressImage () {
      new ImageCompressor()
    }
  }
}
</script>

你可能感兴趣的:(#,Vue,2.x,vue.js,javascript,前端)