在Vue.js中 引入外部js有哪些方法? 引入外部js方法经验分享!

2021-06-19 16:37:45 浏览数 (4776)

当我们在开发的时候最怕的就是写很多重复的代码,因为这样会浪费我们很多的时间在这上面,对于这个方法的话我们可以通过调用的方法来提高我们的代码量和效率,那么今天我们就来说说有关于“在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'//记得带上{}花括号

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

我们出来上面的两个方法外我们还可以使用config.js中的方法,代码如下:

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

总结:

这就是今天小编整理的有关于“在Vue.js中 引入外部js有哪些方法?”这个问题的相关资料和内容,希望对大家有所帮助。当然如果你有更好的想法也可以和大家一起分享你的结果一共进步。更多有关于vue.js的相关学习资料我们都可以在W3cschool中进行浏览和学习。