這篇文章主要介紹了vue引用外部JS的兩種種方案,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
前言
肯定會遇到沒有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
第一種寫法
|
1
2
3
4
5
6
7
8
9
10
|
//常量的定義
const config = {
}
//函數的定義
function
formatXml(text) {
return
text
}
//導出 {常量名、函數名}
export {config,formatXml}
|
第二種寫法
|
1
2
3
4
5
6
7
8
|
//常量的定義
export const config = {
}
//函數的定義
export
function
formatXml(text) {
return
text
}
|
2、引入config.js里面的常量和方法
|
1
|
import {config,formatXml} from
'../config'
//記得帶上{}花括號
|
總結
以上所述是小編給大家介紹的vue引用外部JS的兩種種方案，希望對大家有所幫助！
文章來源： https://www.jb51.net/article/179177.htm