1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>app-component</title> 6</head> 7<body> 8<ol> 9 <todo-item></todo-item> 10</ol> 11<script src="https://cdn.jsdelivr.net/npm/vue"></script> 12<script> 13 //组件 14 Vue.component('todo-item', { 15 template: '<li>这是个待办项</li>' 16 }); 17 18 new Vue({ 19 el: 'todo-item' 20 }); 21</script> 22</body> 23</html>
new Vue({
el: 'todo-item'
});
这里必须要有的，官方文档也没有看到，没有这一段，不显示组件