首页 > 编程语言 >Vue.js的index.html文件中引入JavaScript文件

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

时间:2023-09-12 10:35:22浏览次数:40  
标签:文件夹 文件 Vue index JavaScript js html

  • 将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>

标签:文件夹,文件,Vue,index,JavaScript,js,html
From: https://www.cnblogs.com/axingya/p/17695369.html

相关文章

  • 解决IDEA不编译java目录下的xml文件
    对于IDEA系列编辑器,XML文件是不能放在java文件夹中的,IDEA默认不会编译源码文件夹中的XML文件,可以参照以下方式解决:<build><resources><resource><!--xml放在java目录下--><directory>src/main/java</directory><includes>......
  • Oracle 查询当前用户下所有索引(Index)并拼接创建脚本
    原文地址:https://blog.csdn.net/zy_workjob/article/details/82011825 Oracle查询当前用户下所有索引(Index,PK)并拼接创建脚本【不包含FUNCTION-BASED基于函数的索引】SELECTT.TABLE_NAME,--表名T.INDEX_NAME,--索引名I.UNIQUENESS,--是否非空I.INDEX_......
  • 【linux软件分享】Meld文件对比工具
    MeldVisualdiffandmergetoolMeldhelpsyoucomparefiles,directories,andversioncontrolledprojects.Itprovidestwo-andthree-waycomparisonofbothfilesanddirectories,andhassupportformanypopularversioncontrolsystems.Meldhelpsyou......
  • 关于在vue里面使用导航栏需要注意的事项
    1、右侧内容的显现右侧内容由el-main标签包围,需要在里面填上:内容才能成功显现!2、路由所在不仅仅要在APP.vue里面放路由:还要在Index.vue里面放置:初学小白找这个错误找了好久!......
  • vue--day83---路由的params参数
    1.配置路由,声明接收params参数   ```js  {  path:'/home',  component:Home,  children:[  {  path:'news',  component:News  },  {  component:Message,  children:[  {  name:'xian......
  • python中字符串内置函数find和index
     001、find>>>str1="xyabmnabkj"##测试字符串>>>foriinenumerate(str1):...print(i)##列出每个字符的索引...(0,'x')(1,'y')(2,'a')(3,'b')(4,'m'......
  • 文件上传基础学习2
    文件上传基础学习2三、靶场实操5、.htaccess重写解析绕过上传(第四关).htaccess文件是在ApacheWeb服务器上进行配置的重要文件,它可以用于控制网站的许多方面,包括URL重写和上传文件的处理。攻击者可以尝试绕过文件上传限制,通过编写特定的.htaccess规则来执行恶意操作。该关......
  • vue--day82--命名路由
    ###5.命名路由 1.作用:可以简化路由的跳转。 2.如何使用   1.给路由命名:    ```js   {   path:'/demo',   component:Demo,   children:[   {   path:'test',   component:Test,   ......
  • vmware 虚拟机上实现host与guest文件及目录互相复制粘贴
    往期好文:统信UOS桌面操作系统上使用ventoy制作U盘启动盘hello,大家好啊,今天给大家带来一篇关于vmware虚拟机上实现host与guest文件及目录互相复制粘贴的文章。本次示例用到的虚拟化是vmwareworkstationpro17,host用的是windows11,guest用的是统信UOS桌面操作系统1060。本次的目标......
  • 系统编程 文件描述符重定向
    open打开一个文件,返回的是该文件文件描述符程序中用文件描述符表管理文件描述符 默认1024个【0-1023】0 1 2 被系统占用 0是标准输入,1是标准输出,2是标准错误#include<stdio.h>#include<unistd.h>#include<sys/types.h>#include<sys/stat.h>#include<fcntl......