最最起码，你会包含这篇博文的正文：

    1. <h3>{{ title }}</h3>
    2. <div v-html="content"></div>

    看起来当组件变得越来越复杂的时候，我们的博文不只需要标题和内容，还需要发布日期、评论等等。为每个相关的信息定义一个 prop 会变得很麻烦：

    1. <blog-post
    2.   v-for="post in posts"
    3.   v-bind:key="post.id"
    4.   v-bind:content="post.content"
    6.   v-bind:comments="post.comments"
    7. ></blog-post>
    1. Vue.component('blog-post', {
    2.   template: `
    4.       <h3>{{ post.title }}</h3>
    5.       <div v-html="post.content"></div>
    6.     </div>
    7. })

    上述的这个和一些接下来的示例使用了 JavaScript 的来让多行的模板更易读。它们在 IE 下并没有被支持，所以如果你需要在不 (经过 Babel 或 TypeScript 之类的工具) 编译的情况下支持 IE，请使用折行转义字符取而代之。