vuejs怎麼引入插件

引入方法：1、在「main.js」中使用import和「Vue.use(..)」語句；2、在vue檔案的script標籤內加入「import '路徑」語句；3 、在「app.vue」中使用import和「components:{}」語句等等。

vuejs怎麼引入插件

本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

第一步：install ，手動下載，自訂插件，網址存取

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

js全域引入

main.js檔案新增

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

js單獨引入

vue檔案script標籤內新增

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

vue全域引入

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

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

vue單獨引入

單獨引入也是加入上述程式碼

直接引入

1，在專案的index.html加入

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=？"></script>

2，build/webpack.base.conf. js的設定檔中，設定外部擴充(externals屬性)

externals: {
    'BaiduMap': 'BMap'
}

模組化引入

同js全域引入，此部分要求外掛程式可安裝或下載