Javascript Can'；t在JSFIDLE中创建自定义Vue组件

在我的JSFIDLE示例中，我试图定义一个自定义Vue组件：

不幸的是，没有呈现任何内容。为什么?

守则：

HTML:

JS:

Vue.component（'blog-post'{
道具：['title']，
模板：“{{title}}”
})

您忘记创建Vue。将

组件包装到一个div中，并使用该div作为模板创建一个Vue

像这样

HTML:

JS

Vue.component（'blog-post'{
道具：['title']，
模板：“{{title}}”
})
//创建一个新的Vue实例，并将其装载到上面id为app的div元素中
var vm=新的Vue({
el:“#应用程序”
});

查看文档

---

这是我的朋友，我向你推荐另一个我更喜欢的选择。如果您愿意，请使用沙箱，在这里您可以更轻松地添加或修改组件

这是你的电话号码

<script src="https://unpkg.com/vue"></script>
<blog-post title="hi again!"></blog-post>

Vue.component('blog-post', {
    props: ['title'],
    template: '<h3>{{ title }}</h3>'
})

<script src="https://unpkg.com/vue"></script>
<div id="app"> 
    <blog-post title="hi again!"></blog-post>
</div>

Vue.component('blog-post', {
    props: ['title'],
    template: '<h3>{{ title }}</h3>'
})

// create a new Vue instance and mount it to our div element above with the id of app
var vm = new Vue({
    el: '#app'
});