vue引用外部JS的两种种方法
2020-02-13 11:30
2606 查看
前言
肯定会遇到没有npm化的库
自己写的js 方法
在Vue中该怎么引用呢
第一种 如果库是es6写的 就可以用import 引入
比如我自己写的http 封装接口的方法
就可以这样子导入哦
第二种是jquery的库 可以在静态资源导入(或者是cdn资源加载)
我是vue-cli 3.0 基础之上架构的
把squire这个富文本框放进public文件下面 在index.html中这样子引用
Fannie式总结
自己封装方法 就采用es6方法 这样方便
第三方原生js 或者是jq的插件
直接cdn 这种也是可以的哦 或者是静态资源加载 但是也要注意cdn这个链接资源的稳定性
ps:下面看下Vue.js 引入外部js方法
1、外部文件config.js
第一种写法
//常量的定义 const config = { baseurl:'http://172.16.114.5:8088/MGT2' } //函数的定义 function formatXml(text) { return text } //导出 {常量名、函数名} export {config,formatXml}
第二种写法
//常量的定义 export const config = { baseurl:'http://172.16.114.5:8088/MGT2' } //函数的定义 export function formatXml(text) { return text }
2、引入config.js里面的常量和方法
import {config,formatXml} from '../config'//记得带上{}花括号
总结
以上所述是小编给大家介绍的vue引用外部JS的两种种方案,希望对大家有所帮助!
您可能感兴趣的文章:
相关文章推荐
- vue组件引用外部js的方法
- vue项目引入外部js文件方法
- 外部js调用vue的methods中的方法
- html-jquery/js引用外部图片时遇到看不了或出现403情况解决方法
- vue 中引用gojs绘制E-R图的方法示例
- ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法
- vue组件内部引入外部js文件的方法
- JS动态插入脚本和插入引用外部链接脚本的方法
- Vue项目中引入外部文件的方法(css、js、less)
- 每个 GROUP BY 表达式必须至少包含一个不是外部引用的列、加载页面时调用Js方法、调用Js文件中的方法
- 调试Web页面时,如果页面引用了外部JS代码,会被IE缓存的解决方法
- Vue.js由于延时显示了{{message}}引用界面解决方法
- 在不使用全部vuejs框架,只在html中引用vue.js时,在main.js中调用其他js方法
- 关于<script>元素(js两种引用方法:内部嵌入,外部引入)
- vue项目中在外部js文件中直接调用vue实例的方法比如说this
- vue项目中引入外部css以及js文件的方法
- 每日总结:每个 GROUP BY 表达式必须至少包含一个不是外部引用的列、加载页面时调用Js方法、调用Js文件中的方法
- Vue.js组件间的循环引用方法示例
- 如果页面引用了外部JS代码,会被IE缓存的解决方法
- webpack+vue-cli项目中引入外部非模块格式js的方法