欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue引用外部JS的兩種種方法

 更新時(shí)間：2020年01月28日 11:39:48   投稿：mrr  
這篇文章主要介紹了vue引用外部JS的兩種種方案,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

前言

肯定會(huì)遇到?jīng)]有npm化的庫(kù)

自己寫(xiě)的js 方法

在Vue中該怎么引用呢

第一種 如果庫(kù)是es6寫(xiě)的 就可以用import 引入

比如我自己寫(xiě)的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

第一種寫(xiě)法

//常量的定義
const config = {
 baseurl:'http://172.16.114.5:8088/MGT2'
}
//函數(shù)的定義
function formatXml(text) {
　　return text
}
//導(dǎo)出 {常量名、函數(shù)名}
export {config,formatXml}

第二種寫(xiě)法

//常量的定義
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)文章

最新評(píng)論