vue怎么引用外部js库

2024-03-14,

本篇内容介绍了“vue怎么引用外部js库”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

1、在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>

2、在js文件中可自定义方法,示例:

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

“vue怎么引用外部js库”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注本站网站,小编将为大家输出更多高质量的实用文章!

《vue怎么引用外部js库.doc》

下载本文的Word格式文档,以方便收藏与打印。