Vue.js的index.html文件中引入JavaScript文件

发布时间 2023-09-12 10:31:49作者: seekHelp
  • 将js文件放在public文件夹下面
  • 在index.html文件下引入js文件
    在前面加<%= BASE_URL %>后面加路径,如果想将本地js文件打包之后也放在static/js文件夹下,需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹
    <script src="<%= BASE_URL %>./static/js/js文件名"></script>

另外增加属性的引用方式

在index.html文件中添加<script>标签,并在src属性中指定要引入的JavaScript文件的路径,例如:
<script src="js/main.js"></script>
可以使用defer属性来确保JavaScript文件在页面加载完成后再加载,例如:
<script src="js/main.js" defer></script>
还可以使用async属性来指定JavaScript文件是否可以异步加载,例如:
<script src="js/main.js" async></script>
还可以使用type属性来指定JavaScript文件的类型,例如:
<script src="js/main.js" type="text/javascript"></script>