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'
})

这是尝试我认为的组件最简单的形式

组件未显示在vue中

1 个答案: