Vue中,如何在组件中,实现html中的<script>引入js文件,的效果

如图所示,网上搜的方法大多都试过了,还是不行,比如这种

clipboard.png

还是报错,说找不到,emmmmm.......网上一大堆复制粘贴的,反正我是没看懂,希望大佬帮助下,萌新很难受啊

阅读 5k
1 个回答

把static/js下的文件放到src目录下,通过相对路径或alias拼接的方式引入。

...
src
    page
        xxx.vue
    script
        xxx.js
static
    js
        xxx.js
        

上面是目录树结构,把你要引入xxx.vue的js库放在src/script/下面,然后在xxx.vue中写入

    import xxx from './script/xxx.js'

以上是解决问题的方法,这里说下:
如果你是全局导入一个第三方库,直接在入口文件main.js中导入或者在index.html中通过script标签导入就行。
如果你需要局部导入,建议还是通过npm install下载然后导入的方式

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题