vue单页面应用中增加js脚本

最新推荐文章于 2023-08-30 18:43:13 发布
最新推荐文章于 2023-08-30 18:43:13 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinmo277/article/details/103778519
版权

将js文件放入public文件夹,并在其中的index.html中增加

注: 打包后的js文件也会在dist的根目录下

<script type="text/javascript" src="<%= BASE_URL %>xxx.min.js"></script>

BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符，即你的应用会部署到的基础路径。

当前publicPath中配置的是'/', 和打包后js的路径匹配

jinmo277
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 引入外部脚本（将脚本单独放在一个js文件中，避免vue文件臃肿）
chpswg的专栏
11-13 2940
.vue文件可以很好的模块化，但是对于从纯js前端转变过来的人可能会有点困难，尤其是习惯了html引入js脚本，在vue文件中，通常将脚本放在method中，但是有的时候如果方法过多，造成vue文件过大不利于管理，尤其是这些方法可能就是纯数据处理，对于组件关系不大，比如日期转换，大小写转换等，可以将其放在一个js文件中，export出去，然后在.vue文件中调用。 demo： 表示基于风速和风...
快速了解前端——Vue.js(源码)在JS脚本看Vue构建
tanning11627的博客
05-25 414
目录 1. scripts 脚本构建 vue 项目的 package.json 文件中可以看到相关的 npm 运行命令行。 其中 dev 开头的表示开发环境下相关的运行构建脚本，build 开头的表示生产环境下的构建脚本。 只需要根据这些运行的 npm run … 命令，找到对应的入口文件即可。 这里开发环境用 npm run dev ，生产环境用 npm run build。 "scripts": { "dev": "rollup -w -c scripts/config.js --envir
vue将单页面改造成多页面应用的方法
10-17
最近领导交我一个项目是使用 vue-cli 搭建的单页面应用。下面小编通过本文给大家介绍vue将单页面改造成多页面应用的方法 ，感兴趣的朋友一起看看吧
解决： 在使用vue的.html文件的script标签中，引入import模块化js文件。
qq_38969618的博客
02-14 7598
现代浏览器支持用script标签引入模块或脚本，如果要引入模块，在script标签中需添加type="module"，如果引入脚本，则不需要type。 <script type="module" src="xxx.js"> // 模块a.js export default { ... } // 页面test.html <!-- 如果使用模块化语句如import、export等，script元素必须添加type=module --> <script type="
VUE单页面引入JS文件
weixin_43837268的博客
10-13 2481
<template> <div id="baseReport" > <remote-css href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap-grid.min.css"></remote-css> <remote-css href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap-.
【创新实训 - 个人报告】01 - Vue中动态添加全局JS脚本
u014526237的博客
03-13 731
【创新实训】个人报告01 - Vue中动态添加全局JS脚本 开始之前 在我们的创新实训中，针对于古文字图像切片的前端编辑器需要做大量图形处理的工作，对于一个需要复杂绘图计算的web应用程序，将全部代码都放在.vue文件里显然是不现实的，需要一个三千行以上的代码包来处理这一复杂的架构。 javascript可以利用"prototype"来实现类似面向对象编程，也是我们在项目中采用的方式，例如： function Dot2D(){ this.initialize.apply(this, arguments)
JavaScript-Vue
m0_56343951的博客
07-11 279
function 函数名(参数1,参数2..){要执行的代码因为JavaScript是弱数据类型的语言，所以有如下几点需要注意：形式参数不需要声明类型，并且JavaScript中不管什么类型都是let或者var去声明，加上也没有意义。返回值也不需要声明类型，直接return即可var functionName = function (参数1,参数2..){//要执行的代码HTML事件是发生在HTML元素上的 “事情”，例如：鼠标被点击，鼠标移到元素上，输入框失去焦点……Vue 是一套前端框架。
vue单页面html,单页面可以用vue.js吗？
weixin_36219745的博客
06-03 735
单页面可以用vue.js吗？可以使用，单页面可以直接引入vue.js文件进行使用，用法如下：{{message}}//这是我们的Modelvar exampleData={message:'Hello world'}//创建一个vue实例或"ViewModel"//它连接View与Modelnew Vue({el:'#app',data:exampleData});使用Vue的过程就是定义MVVM...
vue构建单页面应用实战
08-30
Vue.js 构建单页面应用(SPA)是一种现代Web开发技术，它允许开发者在一个HTML页面上加载所有必要的资源，然后通过路由和组件的切换来更新视图，而不是传统的页面重载。这种技术在提高用户体验方面表现出色，因为它...
解决vue单页面应用进入页面加载所有 js 的问题
11-19
一般在index.js中都是这么引入的组件 import from '@/pages/my' import Cart from '@/pages/cart' import Order from '@/pages/order' import TMap from '@/pages/map' import New from '@/pages/new' 换成这样就好啦 const My = r => require.ensure([], () => r(require('@/pages/my')), 'my') const Cart = r => require.ensure([], () =>
vue.js添加功能
06-20
vue.js添加功能，成功实现添加删除功能代码，希望能帮到有需要的同志们。
h5页面注入js代码
09-01
h5页面注入js代码
快速搭建Vue单页面应用项目.zip
最新发布
02-09
在“快速搭建Vue单页面应用项目.zip”这个压缩包中，包含了一个名为“vue-project-master”的项目模板，这正是为了帮助开发者快速启动Vue.js的开发环境。 Vue.js的核心特性包括组件化、虚拟DOM、响应式数据绑定、...
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
11-26
本文将详细讲解如何基于Vue2实现一个仿手机QQ的单页面应用，并且集成聊天机器人功能。首先，这个项目是参照设计师kaokao的设计，由个人独立完成，源代码包含丰富的注释，适合初学者理解。项目的地址可以在GitHub上...
VUE单页面切换动画代码(全网最好的切换效果)
10-16
在本文中，我们将深入探讨如何在Vue.js应用中实现单页面切换时的动画效果，以及如何创建一个据称是“全网最好的切换效果”。Vue.js是一个流行的前端框架，它允许开发者构建用户界面，并通过组件化的方式管理应用状态...
vue单页面程序对谷歌GA事件的应用
越努力越幸运
06-21 3659
    公司运营最近在对网页做用户转化率调查这块，找到了谷歌GA事件。按照之前GA官网给出的文档，把代码加入到了index.html里面，一周后发现统计出来的数据跟后台数据库对比对不上。    经过一番研究后，发现谷歌GA事件的网页追踪原理是每一次网页跳转都会调用那个gtag('config')代码，然后追踪当前页面。但是对于单页面来说，其实页面只加载了一次index.html，所以造成了数据丢失...
Vue 组件中如何引入外部的js文件 的10种方法
热门推荐
一步一个脚印，踏实努力，向着目标前进
08-30 2万+
原型链扩展，将外部的JavaScript文件扩展到Vue实例的原型链上，适用于多个组件都需要使用外部JavaScript文件的情况。这种方法可以将外部JavaScript文件的方法和属性混入到所有的Vue组件中，使得所有的组件都可以使用这些方法和属性。标签中使用插件的方式异步引入外部的JavaScript文件，适用于需要按需加载外部JavaScript文件的情况。方法，异步引入外部的JavaScript文件，适用于需要按需加载外部JavaScript文件的情况。语句的路径指定具体的文件位置。
vue中动态引入js的脚本内部或外部 js遍历map js通过xpath获取dom节点
程序员-工具人的博客
08-13 882
vue中动态设置（创建）javascript的script 标签&js脚本内容&外部js详解 动态通过src引入 // 创建script标签，引入外部文件 let script = document.createElement('script') script.type = 'text/javascript' script.src = 'http://xxx.xxx.js' document.getElementsByTagName('head')[0].appendChild(script

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值