首頁 > web前端 > 前端問答 > vuejs怎麼引入插件

vuejs怎麼引入插件

青灯夜游
發布: 2023-01-11 09:22:42
原創
3828 人瀏覽過

引入方法: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全域引入,此部分要求外掛程式可安裝或下載

相關推薦:《

vue.js教學

以上是vuejs怎麼引入插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板