How to call in Vue.js a component inside a component?

Question

Vue.js

How to call in Vue.js a component inside a component?
Tried about different

import Filter from './Filter';

    export default {
        comments: {'filter' : Filter}
    }

then call him<filter></filter>

Answer 1

<template>
  <div>
    <Filter/>
  </div>
</template>


<script>
import Filter from './Filter'

export default {
  components: {
    Filter,
  },
}
</script>