Vue引入第三方js库

milijiangjun

于 2021-01-28 23:33:45 发布

阅读量431

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # Vue

本文链接：https://blog.csdn.net/milijiangjun/article/details/108738870

Vue 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了在HTML中使用ES5通过<script>标签直接引入静态资源的简单方法，以及在Vue环境中，如何通过import语句导入并使用jQuery库。这两种方式都是前端开发中常见的外部脚本引入方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

es5的引入方式

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <title>vue-test</title>
   //新增，直接script标签引入，全局皆可用
   <script type="text/javascript" src="./static/js/qrcode.js"></script>
 </head>
 <body>
   <div id="app"></div>
   <!-- built files will be auto injected -->
 </body>
</html>

vue 中引入方式

<script>
  //引入一个有export输出的文件
  import  $  from '../../static/js/jquery-1.11.3.min '
  export default {
      mounted(){
        this.$nextTick(function () {
           console.log($)
        })
      }
  }
</script>