コンポーネントがvueに表示されない

Question

vueコンポーネントは実際には得られません....私はhtmlコンポーネントにvueコンポーネントがあり、それを表示したいが何も表示しません。何が間違っていますか？ vueにコンポーネントを登録して表示する適切な方法は何ですか？誰かが私に初心者のための簡単な例を教えてもらえますか？ :)

は、これは私のコードです：

HTML

<div id="na-vue-app"> 
<activity-filter> 
    <template> 
    'Some Text' 
    </template> 
</activity-filter> 
</div> 

Vueの

new Vue({ 
el: '#na-vue-app' 
}); 

const filterActivity = Vue.extend({ 
data: function() { 
    return { 
     distance:100, 
    } 
    }, 
    mounted() { 

}, 
methods: { 
} 
}); 

Vue.component('activity-filter', filterActivity); 

Answer 1

このペンを見てみましょう。https://codepen.io/Nartub600/pen/oopBYJ

HTML

<div id="app"> 
    <my-component msg="Hi!"> 
    </my-component> 
</div> 

JS

Vue.component('my-component', { 
    props: ['msg'], 
    template: '<p>{{ msg }}</p>' 
}) 

var app = new Vue({ 
    el: '#app' 
}) 

は、それは私が考えるのコンポーネントを試すための最も簡単な形式です