Vue.js中如何引入外部JavaScript方法

发表时间: 2020-02-13 10:17

切图网专注web前端开发,在做vue开发的时候,难免有时候需要引用外部的JS文件,比如一个3级的地区数据,或者一个方法,或者一个JS类文件等等,下面介绍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’//记得带上{}花括号