Fatal编程技术网
  • vue.js/
  • Vue.js Vue组件未显示

Vue.js Vue组件未显示

vue.js

Vue.js Vue组件未显示,vue.js,Vue.js,我正在尝试从about components运行代码，但该组件没有显示。为什么不呢 <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <div id="app"> <todo-item></todo-item> </div> <

我正在尝试从about components运行代码，但该组件没有显示。为什么不呢

<html>
<head>
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
  <div id="app">
    <todo-item></todo-item>
  </div>
  <script>
    Vue.component('todo-item', {
      template: '<li>This is a todo</li>'
    })
  </script>
</body>
</html>


Vue.组件（'待办事项'{
模板：“
  • 这是一个待办事项”
})
    • 您需要创建一个Vue实例，并告诉它根元素在页面中所属的位置（
    #app
    ）：

    Vue.component（'todo-item'{
模板：“
  • 这是一个待办事项”
})
var app=新的Vue({
el:“#应用程序”
});

    您需要创建一个Vue实例，并告诉它根元素在页面中所属的位置（
    #app
    ）：
    


    Vue.component（'todo-item'{
模板：“
  • 这是一个待办事项”
})
var app=新的Vue({
el:“#应用程序”
});

    

    您使用
    • ，但我看不到
    ；此外，您还需要一个
    v-for
    和
    v-bind
    之类的东西。仔细阅读本教程。您使用
    • ，但我看不到
    ；此外，您还需要一个
    v-for
    和
    v-bind
    之类的东西。仔细阅读本教程。														
    •