记一次小错误 The control component has been registered but not used.(vue/no-unused-components)

碰到了一个小错误，不清楚代码结构，反正一直各个页面跳来跳去找问题

The "control" component has been registered but not used.(vue/no-unused-components)

<script>
  // import index from './views/index.vue'
  import control from './views/control'

export default {
  name: 'App',
  components:{
    // index
    control
  }
}
</script>

import引入了，components加进去了之后，还有一步要做

<template>
  <div id="app">
<!--    <index></index>-->
    <control></control>
<!--    <router-view/>-->
  </div>
</template>

<script>
  // import index from './views/index.vue'
  import control from './views/control'

export default {
  name: 'App',
  components:{
    // index
    control
  }
}
</script>

在app里的template里也要加，不然就会报错没有使用