這篇文章主要介紹了vuejs如何引入插件，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專業(yè)提供弓長嶺企業(yè)網(wǎng)站建設,專注與網(wǎng)站制作、成都網(wǎng)站建設、html5、小程序制作等業(yè)務。10年已為弓長嶺眾多企業(yè)、政府機構(gòu)等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進行中。

引入方法：1、在“main.js”中使用import和“Vue.use(..)”語句；2、在vue文件的script標簽內(nèi)添加“import '路徑”語句；3、在“app.vue”中使用import和“components:{}”語句等等。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

第一步：install ，手動下載，自定義插件，網(wǎng)址訪問

一般的vue或是js插件，通常都可以直接install，然后進行下一步。但是不排除各種原因install失敗，需要手動下載。還有一部分是自定義的插件。

第二步：引入插件

js全局引入

main.js文件添加

import Loading from './components/loading'
Vue.use(Loading)

js單獨引入

vue文件script標簽內(nèi)添加

import '../../../components/loading/index.js'

vue全局引入

vue一般都是導入js再引入的，所以引入方式與js相同。但存在特殊情況，比如引入導航欄，直接是vue引入，全局是在app.vue中添加

import Header from './components/Header'
components: {
    Header
  }

vue單獨引入

單獨引入也是添加上述代碼

直接引入

1，在項目的index.html添加

2，build/webpack.base.conf.js的配置文件中，設置外部擴展(externals屬性)

externals: {
    'BaiduMap': 'BMap'
}

模塊化引入

同js全局引入，此部分要求插件可安裝或下載

感謝你能夠認真閱讀完這篇文章，希望小編分享的“vuejs如何引入插件”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!