How to render a template in Vue?

Question

Vue.js

The more I delve into, the more misunderstanding ...
For example, why does it not display anything and there are no errors?

import Vue from 'vue'
// В Example.vue есть <template><div>TEST</div></template>
import Example from './components/Example.vue'

new Vue({
    el: '#example',
    components: {Example}
});

Well, in the main page
After npm run dev The page does not display content from Example.vue
But if I specifically change Example.vue to Example12345.vue
Then there is no such thing in the error console.
For example, how to understand where the errors are? In the console, almost with any error, it does not write specifically, but somehow abstractly and cannot be understood.

Answer 1

1. You didn't output the plugin itself <example></example>
2. Install the VueDevTools plugin for chrome

Answer 2

The component is rendered like this

import Vue from 'vue'
// В Example.vue есть <template><div>TEST</div></template>
import Example from './components/Example.vue'

new Vue({
    el: '#example',
    template: '<Example/>',
    components: {Example}
});