Vue 是一款用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，由于其轻巧易用且高效的特点，越来越受到前端开发者的欢迎。

Vue 通过指令来控制视图的渲染，其中常用的指令包括 v-if、v-for、v-bind 等。但是，有时我们需要在 Vue 的视图中使用自定义的组件来达到更好的复用和封装效果。

在 Vue 中，可以使用组件来定义新的自定义元素，通过 props 属性以及父子组件之间的事件通信来实现组件的复用和交互。

// 定义一个简单的自定义组件 Counter
Vue.component('counter', {
  data: function () {
    return {
      num: 0
    }
  },
  template: '
点击+1{{ num }}
'
})

// 在 Vue 中调用该组件
new Vue({
  el: '#app',
  template: '
'
})

在上面的代码中，我们首先定义了一个名为 Counter 的自定义组件，其包含数据 num 和模板，模板中使用了 v-on 指令来监听按钮点击事件，每次点击将 num 值加 1。

接着，在 Vue 实例中，我们使用了该组件两次，分别放在一个 div 元素中，从而在页面中呈现出两个 Counter 组件，这就是组件复用的一个典型案例。

总之，Vue 提供了丰富的指令和组件系统，使得我们可以更加方便地创建复杂的交互效果和高效的组件复用。