前言

肯定會遇到沒有npm化的庫

自己寫的js 方法

在Vue中該怎麼引用呢

第一種 如果庫是es6寫的 就可以用import 引入

比如我自己寫的http 封裝介面的方法

就可以這樣子匯入哦

第二種是jquery的庫 可以在靜態資源匯入（或者是cdn資源載入）

我是vue-cli 3.0 基礎之上架構的

把squire這個富文字框放進public檔案下面 在index.html中這樣子引用

Fannie式總結

自己封裝方法 就採用es6方法 這樣方便

第三方原生js 或者是jq的外掛

直接cdn 這種也是可以的哦 或者是靜態資源載入 但是也要注意cdn這個連結資源的穩定性

ps：下面看下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'//記得帶上{}花括號

總結

以上所述是小編給大家介紹的vue引用外部JS的兩種種方案，希望對大家有所幫助！