vue插件 使用use注冊Vue全局組件和全局指令

插件一般會注冊到全局使用

官方編輯插件介紹：https://vuefe.cn/v2/guide/plugins.html

全局組件：

1、首先建一個自定義組件的文件夾，比如叫loading，里面有一個index.js，還有一個自定義組件loading.vue,在這個loading.vue里面就是這個組件的具體的內容，比如：

<template>
    <div>
        loading..............
    </div>
</template>

<script>
    export default {

    }
</script>

<style scoped>
    div{
        font-size:40px;
        color:#f60;
        text-align:center;
    }
</style> 在index.js中，規定了使用這個組件的名字，以及使用方法，如：
 import loadingComponent from './loading.vue' const loading={ install:function(Vue){ Vue.component('Loading',loadingComponent) } //'Loading'這就是后面可以使用的組件的名字，install是默認的一個方法 }; export default loading;  

只要在index.js中規定了install方法，就可以像一些公共的插件一樣使用Vue.use()來使用，如：

import loading from './loading'

Vue.use(loading)
這是在入口文件中引入的方法，可以看到就像vue-resource一樣，可以在項目中的任何地方使用自定義的組件了，比如在home.vue中使用

<template>
    <div>
        <Loading></Loading>
    </div>
</template>
這樣就可以使用成功

轉自：https://www.cnblogs.com/670074760-zsx/p/7049806.html

其他全局可參見：https://blog.csdn.net/runonway/article/details/78998631