主页 / 问题 / 755068
Accepted
smellyshovel
Asked:2020-12-07 17:59:18 +0000 UTC2020-12-07 17:59:18 +0000 UTC

为什么组件不显示？

  • 772

我刚开始学习 Vue，我正在阅读介绍指南，关于组件的部分。

出于某种原因，我无法让这个例子工作。代码似乎写得绝对正确：

Vue.component("todo-item", {
    template: "<li>This is a todo</li>"
});
<ol>
  <todo-item></todo-item>
</ol>

一切都与示例中的完全相同。但是页面上的组件没有渲染。此外，控制台或 Vue 开发工具中没有错误或警告。

可能是什么问题呢？

vue.js

1 个回答

  1. Best Answer

    事实证明，它需要ol在为 Vue 指定的元素内：

    Vue.component('todo-item', {
  template: '<li>This is a list item</li>'
})

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
    <script src="https://unpkg.com/vue"></script>

<div id="app">
  <ol>
    <todo-item></todo-item>
  </ol>
  <p>{{ message }}</p>
</div>

<div>

</div>

    • 0

相关问题