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