vue 等页面加载完才访问js文件

最新推荐文章于 2023-05-11 10:09:45 发布
最新推荐文章于 2023-05-11 10:09:45 发布
阅读量621 收藏
点赞数
分类专栏： js vuejs效果 文章标签： 大数据 前端 vue.js javascript uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Leijiang0504/article/details/125545755
版权
该博客内容介绍了如何在Vue应用中使用mounted生命周期钩子动态创建并插入script标签，加载位于/assets/js/distinguishH5.js的外部JavaScript库。这种方法常用于按需加载或者避免在HTML中硬编码资源路径。
摘要由CSDN通过智能技术生成

  mounted(){
      let  nav = document.createElement('script')//创建script标签
      nav.type = 'text/javascript'; 
      nav.src = require('@/assets/js/distinguishH5.js')  //静态资源
      },

沐卿゚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
【vue动态加载js文件】
qq_42237378的博客
08-01 1347
Vue动态加载js文件中的数据，有时候项目中有需求要求可以手动更改服务器上的文件来变更一下静态数据
vue 页面加载完成后引用js文件
最初都是小白
12-24 3713
如果希望在页面加载完成之后引入某个js，需要把代码写在mounted里 引用本地的js直接写 require(’./xxx.js’)即可 mounted(){ let nav = document.createElement('script')。//创建script标签 nav.type = 'text/javascript'; nav.src = require('./xxx.js') //静态资源 } 引用外部链接，需要在src赋值后，通过appendChil
webpack 压缩打包 vue.js 项目 懒加载快速加载页面
Aimee的博客
12-18 2792
之前直接使用webpack –color –progress 命令打包vue.js项目，打包出来的项目，只有一个build.js文件，只是一个普通的小网站项目，却有2.9MB，放在贷款为2兆的阿里云服务器上，首次加载硬是要了四五分钟，非常的慢了。后来查询各种办法，最终解决了问题。
2.6 延迟显示，等待vue.js 加载完后后进行渲染显示
abcque的专栏
09-14 904
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-cloak</title> <script src="../js/vue.js"></script> <style> [v-cloak] { display: none; .
Vue 组件懒加载方式记录，点击后下载组件需要的js
japlus的博客
12-22 747
webpack，import()语法 首屏不展示的组件，在用户点击的时候去加载js，比如弹窗。
vue性能优化之“js按需加载“
空投在我怀里的博客
03-15 1696
一、在vue.config.js中进行配置 二.效果展示 1.没有添加之前 2.添加之后 进入订单页面后，按需求加载6.js和0.js
解决vue单页面应用进入页面加载所有 js 的问题
11-19
然而，这种模式的一个常见问题是，当应用启动时，会一次性加载所有的JavaScript文件，这可能导致首屏加载时间过长，影响用户体验。本文将探讨如何解决这个问题，并介绍相关的Vue Router知识。 首先，我们来看标题...
vue引入静态js文件的方法
10-15
在Vue.js应用中引入静态JavaScript文件是常见的需求，特别是在处理一些全局配置或者第三方库时。以下将详细讲解如何在Vue项目中引入静态JS文件，包括针对不同Vue CLI版本的处理方式，以及避免常见错误的方法。 首先...
vue动态加载SVG文件并修改节点数据的操作代码
10-14
Vue.js 是一款流行的前端框架，用于构建用户界面。在本文中，我们将探讨如何在Vue项目中动态加载SVG文件并修改其内部的节点数据。SVG（Scalable Vector Graphics）是一种基于XML的矢量图像格式，它允许我们创建可...
Vue+webpack单页面应用项目基础配置
weixin_34124939的博客
02-11 220
最近在学习webpack，跟着课程做一个单页面应用，在这里记录一下。这个部分主要讲了如何配置webpack的环境，以及webpack dev的配置。 记录比较粗略，后续会更新。 1.开发环境：vscode,node.js,vue.js,webpack 大家自己安装一下node.js可以参考菜鸟教程 使用的IDE是 VScode 2.项目初始化 快捷键ctrl+` 打开vscode控制台 2....
外部引入js代码如何等待文件加载完成再去执行
weixin_45243726的博客
10-26 2294
window.addEventListener('load', function() { //此处写js代码 }) // load 等页面内容全部加载完毕，包含页面dom元素 图片 flash css 等等，然后再去执行这个函数中的代码 二、DOMContentLoaded 是DOM 加载完毕，不包含图片 falsh css 等就可以执行 加载速度比 load更快一些 document.addEventListener('DOMCont...
vue 里面引入外部js的问题 和js文件加载顺序的问题
cuishao
08-13 710
vue 里面引入外部js的问题 和js文件加载顺序的问题
vue不同环境载入不同的js和css（CDN挂掉、失败后使用本地资源）
词不达意难知的博客
12-23 1866
优化项目资源请求量 规避掉在发布环境不需要的资源包 在index.html文件中 <script> // 举例 项目发布地址是 baidu 测试地址是 testbaidu // 通过检查路由地址来判断环境 从而控制引入文件 if (location.href.indexOf('testbaidu') > -1 ) { document.write('<script src="https://cdn.bootcdn.net/ajax/libs/vCon
VUE生命周期
qq_51728252的博客
01-03 813
生命周期相关 总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。 1.创建前/后： 在beforeCreate阶段，由于还未初始化，vue实例的挂载元素el和数据对象data都为undefined。在created阶段，vue实例的数据对象data有了，el还没有。 2.载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但挂载之前还是为虚拟的dom节点，data.message还未替换。在mounted阶段，vue实例挂载完成，data.mes...
怎样确定,浏览器是否加载vue
最新发布
weixin_42883164的博客
05-11 1950
判断浏览器是否加载vue
等待JS加载完成后执行方法
luo381821的博客
09-23 4650
loadScript:function(src, callback) { layer.load(2); var script = document.createElement('script'), head = document.getElementsByTagName('head')[0]; ...
vue加载js时loading显示
HouYing
01-10 461
<!DOCTYPE html> <html style="font-size: 16px;"> <head> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport.
vue使用js打开或跳转后需要首次刷新才显示解决
qq_49416650的博客
09-13 1703
vue关于js刷新加载问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沐卿゚

帅哥美女多多支持哦，希望能帮助

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值