如何使用Vue实现两种引用外部JS文件的方法？

本文共计279个文字，预计阅读时间需要2分钟。

前言：可能会遇到没有npm化的库，自己写的js方法，在Vue中应该如何引用呢？

第一种：如果库是es6写的，就可以使用import导入例如：我自定义的http封装接口的方法，就可以这样子导入import http from './http'

第二种：如果是jQuery等库，可以引入jQuery，然后在Vue中直接使用例如：引入jQuery后，可以这样子使用$(document).ready(function(){ // Vue组件中的代码})

前言

肯定会遇到没有npm化的库

自己写的js 方法

在Vue中该怎么引用呢

第一种 如果库是es6写的 就可以用import 引入

比如我自己写的172.16.114.5:8088/MGT2' } //函数的定义 function formatXml(text) { 　　return text } //导出 {常量名、函数名} export {config,formatXml}

第二种写法

//常量的定义 export const config = { baseurl:'172.16.114.5:8088/MGT2' } //函数的定义 export function formatXml(text) { 　　return text }

2、引入config.js里面的常量和方法

import {config,formatXml} from '../config'//记得带上{}花括号

总结

以上所述是小编给大家介绍的vue引用外部JS的两种种方案，希望对大家有所帮助！