當(dāng)我們?cè)陂_(kāi)發(fā)的時(shí)候最怕的就是寫(xiě)很多重復(fù)的代碼,因?yàn)檫@樣會(huì)浪費(fèi)我們很多的時(shí)間在這上面,對(duì)于這個(gè)方法的話(huà)我們可以通過(guò)調(diào)用的方法來(lái)提高我們的代碼量和效率,那么今天我們就來(lái)說(shuō)說(shuō)有關(guān)于“在Vue.js中 引入外部js有哪些方法?”這個(gè)問(wèn)題吧!下面是小編為大家整理的相關(guān)資料,希望對(duì)大家有所幫助!
1.外部文件config.js
方法一:
//常量的定義
const config = {
baseurl:'http://172.16.114.5:8088/MGT2'
}
//函數(shù)的定義
function formatXml(text) {
return text
}
//導(dǎo)出 {常量名、函數(shù)名}
export {config,formatXml}
方法二:
//常量的定義
export const config = {
baseurl:'http://172.16.114.5:8088/MGT2'
}
//函數(shù)的定義
export function formatXml(text) {
return text
}
2.引入config.js里面的常量和方法
我們通過(guò)這個(gè)方法來(lái)實(shí)現(xiàn)我們的文件引入,代碼如下:
import {config,formatXml} from '../config'//記得帶上{}花括號(hào)
3.使用config.js里面的方法
我們出來(lái)上面的兩個(gè)方法外我們還可以使用config.js中的方法,代碼如下:
formatXml() //不需要加this關(guān)鍵字等等
總結(jié):
這就是今天小編整理的有關(guān)于“在Vue.js中 引入外部js有哪些方法?”這個(gè)問(wèn)題的相關(guān)資料和內(nèi)容,希望對(duì)大家有所幫助。當(dāng)然如果你有更好的想法也可以和大家一起分享你的結(jié)果一共進(jìn)步。更多有關(guān)于vue.js的相關(guān)學(xué)習(xí)資料我們都可以在W3cschool中進(jìn)行瀏覽和學(xué)習(xí)。