Vue.js 引入外部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'//记得带上{}花括号

3、使用config.js里面的方法

  formatXml() //不需要加this关键字等等

感谢菜鸟正在进化的博客，原文地址：

https://www.cnblogs.com/qiu-Ann/p/7463484.html