vue引用外部js库方式

Vue引用外部js库方式：1、在vue组件中通过import方法直接引入js库；2、直接在js文件中自定义方法进行调用即可。

在vue 组件中引入。

<template>
<div class="hello">
  <button @click="update()">上传</button>
</div>
</template>
<script>
import {uploader} from '../../static/uploader.js'//在此处引入js 文件，注意路径
export default {
  name: 'HelloWorld',
  data() {  return {   } },
  methods: {
    update(){
      let _this = this;
      uploader()
    }
  }
}
</script>

在js文件中可自定义方法，示例：

function uploader(){
  alert('js引用')
}
export{
  uploader
}