引入方法:1、在「main.js」中使用import和「Vue.use(..)」語句;2、在vue檔案的script標籤內加入「import '路徑」語句;3 、在「app.vue」中使用import和「components:{}」語句等等。
本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。
一般的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>
externals: { 'BaiduMap': 'BMap' }
模組化引入
同js全域引入,此部分要求外掛程式可安裝或下載相關推薦:《vue.js教學》
以上是vuejs怎麼引入插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!