用 Vue.use() 定义全局组件

// 定义一个 button 组件
// button.vue
<template>
    <div class="button">
        按钮    
    </div>
</template>
<script>
</script>

// button.js
import ButtonComponent from './button.vue';
const Button={
  install:function (Vue) {
    Vue.component('Button',ButtonComponent)
  }
}
export default Button;

// main.js
import Button from './component/button.js';
Vue.use(Button);

完成上面的步骤就可以在全局使用button组件了，其实最重要的Vue.component(‘Button’,ButtonComponent), Vue.use(Button)会执行install方法，也可以直接在main.js使用Vue.component()注册全局组件。