Vue.js 引入外部js方法

在做项目的时候，我们有时候会有些多个地方都需要用到的方法，为了代码简洁高效，我们是不可能每个地方都写一遍的。所以我们要把这些方法抽离到一个js中，再通过引入的方式来使用。1、外部文件config.js第一种写法//常量的定义const config = {baseurl:'http://172.16.114.5:8088/MGT2'}//函数的定义function format...

潇I洒

19130人浏览 · 2018-06-21 09:52:38

潇I洒 · 2018-06-21 09:52:38 发布

在做项目的时候，我们有时候会有些多个地方都需要用到的方法，为了代码简洁高效，我们是不可能每个地方都写一遍的。

所以我们要把这些方法抽离到一个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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^