<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> <ol> <!-- 创建一个 todo-item 组件的实例 --> <todo-item></todo-item> </ol> <script src="https://unpkg.com/vue"></script> <script> Vue.component('todo-item', { template: '<li>这是个待办项</li>' }) </script></body></html>初学vue，为什么我这边显示的是一个空白页面，组件模板的写法是错的么？
1 回答
jeck猫
TA贡献1909条经验 获得超7个赞
html里面是这样的
<div id='app'>
<v-header></v-header>
</div>
js 是这样的
Vue.component('vHeader', {
template: '<div>A custom component!</div>'
})
new Vue({
el:'#app',
})
添加回答
举报
0/150
提交
取消