App下載

在Vue.js中 引入外部js有哪些方法? 引入外部js方法經(jīng)驗分享!

猿友 2021-06-19 16:37:45 瀏覽數(shù) (4418)
反饋

當我們在開發(fā)的時候最怕的就是寫很多重復的代碼,因為這樣會浪費我們很多的時間在這上面,對于這個方法的話我們可以通過調(diào)用的方法來提高我們的代碼量和效率,那么今天我們就來說說有關于“在Vue.js中 引入外部js有哪些方法?”這個問題吧!下面是小編為大家整理的相關資料,希望對大家有所幫助!


1.外部文件config.js

方法一:

//常量的定義

const config = {
  baseurl:'http://172.16.114.5:8088/MGT2'
}

//函數(shù)的定義

function formatXml(text) {
  return text
}

//導出 {常量名、函數(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里面的常量和方法

我們通過這個方法來實現(xiàn)我們的文件引入,代碼如下:

  import {config,formatXml} from '../config'//記得帶上{}花括號

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

我們出來上面的兩個方法外我們還可以使用config.js中的方法,代碼如下:

formatXml() //不需要加this關鍵字等等

總結:

這就是今天小編整理的有關于“在Vue.js中 引入外部js有哪些方法?”這個問題的相關資料和內(nèi)容,希望對大家有所幫助。當然如果你有更好的想法也可以和大家一起分享你的結果一共進步。更多有關于vue.js的相關學習資料我們都可以在W3cschool中進行瀏覽和學習。


0 人點贊