Vue导入本地Js文件

2019-01-10  本文已影响0人  Analyas

最近有个项目需要前后端分离,于是选择了最近比较流行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

上一篇 下一篇

猜你喜欢

热点阅读