美文网首页
Vue导入本地Js文件

Vue导入本地Js文件

作者: Analyas | 来源:发表于2019-01-10 13:17 被阅读0次

最近有个项目需要前后端分离,于是选择了最近比较流行Vue,但对于ES6的语法不是很熟悉,导入个Js文件都折腾了一个上午,针对ES5的方式,现在总结出以下几个方法
1、使用Js的方式在compnent组件导入

        var localJs = document.createElement("script");
        localJs.setAttribute("src","../../static/test.js";
        document.head.appendChild(localJs);
示例代码

注意:js文件需要放在static目录下,否则会报下面的错误


不放在static目录报错

2.在Vue项目里的根目录里index.html里,像往常一样直接插入<script>标签即可,但这种方式是全局导入的,即每个页面都会导入。这种方式也需要你将.js文件放入到static目录

结尾:
喜欢或者觉得对您有帮助的,可以在下面点击喜欢哟,欢迎评论指正bug!
更多关于Vue框架导入第三方Js的,推荐链https://blog.csdn.net/csdn_yudong/article/details/78795743

相关文章

网友评论

      本文标题:Vue导入本地Js文件

      本文链接:https://www.haomeiwen.com/subject/jhxarqtx.html