您的位置:

Vue引入外部JS文件详解

一、Vue引入外部JS文件

Vue是一个渐进式JavaScript框架,在Vue中我们不可避免要引入其他JS文件。以vue-cli3为例,在项目的入口main.js中,通过import 引入其他JS文件:

  
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/css/reset.css'
import './assets/js/common.js'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
  

上述代码中,我们引入了reset.css和common.js两个JS文件。

二、Vue引入外部JS链接

在Vue中,我们也可以通过引入外部JS链接来使用其他JS文件。以Vue构建的SPA项目为例,我们可以在public/index.html文件中,通过script标签引入其他JS链接:

  


  
    
   
    vue-vant-demo
  
  
    
   
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.27.0/moment.min.js"></script> <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
Vue引入外部JS文件详解

2023-05-19
vue.js引入css(vuejs引入外部js文件并使用)

本文目录一览: 1、vue+css实现夜间模式 2、Vue如何引入外链css和js 3、Vue怎么局部引入css 4、解决vuejs项目里css引用背景图片不能显示的问题 5、为什么在vue的main

2023-12-08
如何将外部js导入vue实例(vuejs引入方式)

本文目录一览: 1、vue文件里面怎么引用外部的js文件 2、vue怎么导入自己写的js文件? 3、vue文件里面怎么引用外部的js文件? 4、如何在.vue文件中引入外部js 5、vue文件里面怎么

2023-12-08
头部引入js文件(外部引入js文件)

本文目录一览: 1、dreamweaver 如何插入js 2、JS外链式在html头部引入无效的问题 3、求助:HTML点击按钮调用JS文件或者直接调用JS代码? dreamweaver 如何插入js

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
网页引用外部js并执行(外部引用js文件)

本文目录一览: 1、HTML中怎么引用JS ? 2、如何从外部启动javascript 3、Js怎么调用外部Js HTML中怎么引用JS ? HTML中引用JS 步骤如下:1、打开电脑端html编辑器

2023-12-08
vue中静态js文件怎么打包,vue打包后的文件如何运行

本文目录一览: 1、vue项目如何打包上线--笔记 2、vue打包成statictemplates格式 3、vue打包时资源如何分目录放置? 4、vue中静态js文件怎么打包 5、vue配置文件不打包

2023-12-08
js给静态文件添加cdn,js 动态加载js

本文目录一览: 1、create-react-app脚手架项目打包CDN部署 2、如何将大量的HTML中的js和css整体的切换到cdn的服务器上去 3、把web静态资源放在cdn上怎么弄 4、如何将

2023-12-08
vuejs源码学习笔记一(看懂vue源码)

本文目录一览: 1、深入浅出Vue.js--变化侦测 2、Vue学习系列一 —— MVVM响应式系统的基本实现原理 3、.vue文件怎么写js代码 4、认识Vue.js+Vue.js的优缺点+和与其他

2023-12-08
为知笔记私有化部署

2023-05-21
vue引入svg的完整指南

2023-05-18
深入了解vue window.onload事件

2023-05-19
js代码整洁随笔,js代码整理

本文目录一览: 1、如何在页面让JavaScript代码原样显示,用标签不起用,js照常运行。请看问题补充 2、怎么让JS文件代码对齐 3、怎么样格式化javascript,怎么样格式化js 4、为什

2023-12-08
发篇java复习笔记(java课程笔记)

2022-11-09
js文件外部链接(js文件外部链接怎么打开)

本文目录一览: 1、如何用用JavaScript编写一个外部调用JS文件,实现图片带超级链接 2、js跳转外部链接带header参数 3、怎么让这JS代码图片的外部链接在新窗口打开链接 4、在网页制作

2023-12-08
javascript简要笔记,JavaScript读书笔记

2022-11-17
java学习笔记(java初学笔记)

2022-11-14
微信小程序引入外部js的完整使用指南

2023-05-20
印象笔记记录java学习(Java成长笔记)

2022-11-12
重学java笔记,java笔记总结

2022-11-23