// 定义一个 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()注册全局组件。