Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面。在 Vue 中，可以创建自定义组件来封装可重用的代码块，使代码更加模块化和易于维护。

要创建一个自定义组件，首先需要使用 Vue.component() 方法来注册组件。例如：

Vue.component('my-component', {  template: '<div>这是一个自定义组件</div>'});

然后，在模板中可以像使用内置组件一样使用自定义组件：

<my-component></my-component>

除了模板，还可以在组件中定义其他选项，如 props、data、methods 等，以实现更复杂的功能。例如：

Vue.component('my-component', {  props: ['message'],  template: '<div>{{ message }}</div>'});

<my-component message="Hello, Vue!"></my-component>

这样就可以在组件中传递数据并显示在页面上了。

总的来说，通过定义自定义组件，可以将页面拆分成更小的、可复用的部分，提高代码的可维护性和重用性。Vue 的组件系统是其核心特性之一，也是其流行的原因之一。