vue引用外部JS的兩種種方法
更新時(shí)間：2020年01月28日 11:39:48 投稿：mrr
這篇文章主要介紹了vue引用外部JS的兩種種方案,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
前言
肯定會(huì)遇到?jīng)]有npm化的庫(kù)
自己寫的js 方法
在Vue中該怎么引用呢
第一種 如果庫(kù)是es6寫的 就可以用import 引入
比如我自己寫的http 封裝接口的方法
就可以這樣子導(dǎo)入哦
第二種是jquery的庫(kù) 可以在靜態(tài)資源導(dǎo)入（或者是cdn資源加載）
我是vue-cli 3.0 基礎(chǔ)之上架構(gòu)的
把squire這個(gè)富文本框放進(jìn)public文件下面 在index.html中這樣子引用
Fannie式總結(jié)
自己封裝方法 就采用es6方法 這樣方便
第三方原生js 或者是jq的插件
直接cdn 這種也是可以的哦 或者是靜態(tài)資源加載 但是也要注意cdn這個(gè)鏈接資源的穩(wěn)定性
ps：下面看下Vue.js 引入外部js方法
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里面的常量和方法
import {config,formatXml} from '../config'//記得帶上{}花括號(hào)
總結(jié)
以上所述是小編給大家介紹的vue引用外部JS的兩種種方案，希望對(duì)大家有所幫助！
相關(guān)文章
Vue引用vee-validate插件表單驗(yàn)證問題(cdn方式引用)
這篇文章主要介紹了Vue引用vee-validate插件表單驗(yàn)證問題(cdn方式引用)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
Vue3中使用pnpm搭建monorepo開發(fā)環(huán)境
這篇文章主要為大家介紹了Vue3中使用pnpm搭建monorepo開發(fā)環(huán)境示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
Vue實(shí)現(xiàn)大屏頁(yè)面的屏幕自適應(yīng)
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)大屏頁(yè)面的屏幕自適應(yīng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
Vue.directive 實(shí)現(xiàn)元素scroll邏輯復(fù)用
這篇文章主要介紹了Vue.directive 實(shí)現(xiàn)元素scroll邏輯復(fù)用功能，文中給大家提到元素實(shí)現(xiàn)滾動(dòng)的條件有兩個(gè)，具體內(nèi)容詳情大家參考下本文2019-11-11
這篇文章主要介紹了vue 本地服務(wù)不能被外部IP訪問的解決方法,本文通過代碼講解的非常詳細(xì)，需要的朋友可以參考下2018-10-10
vue表單綁定實(shí)現(xiàn)多選框和下拉列表的實(shí)例
本篇文章主要介紹了vue表單綁定實(shí)現(xiàn)多選框和下拉列表的實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-08-08
數(shù)組去重是我面試時(shí)候經(jīng)常會(huì)問到應(yīng)聘者的一個(gè)問題,所以下面這篇文章主要給大家介紹了關(guān)于前端vue數(shù)組去重的三種方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06
這篇文章主要介紹了vue 封裝面包屑組件教程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-11-11
vue如何在style標(biāo)簽中使用變量(數(shù)據(jù))詳解
在我們編寫css樣式中是不能直接使用vue data中的變量的,下面這篇文章主要給大家介紹了關(guān)于vue如何在style標(biāo)簽中使用變量(數(shù)據(jù))的相關(guān)資料,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了Vue.js組件高級(jí)特性,結(jié)合實(shí)例形式詳細(xì)分析了vue.js組件遞歸、模板、動(dòng)態(tài)加載、渲染等相關(guān)操作技巧,需要的朋友可以參考下2018-12-12