组件基础

1、一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝

data: function () {
    return {
        count: 0
  }
}
而不是这么定义：
data: {
    count:0
}

如果 Vue 没有这条规则，一个组件的data变化就会影响到其他所有的实例。

2、每个组件必须只有一个根元素。你可以将模板的内容包裹在一个父元素内，来修复这个问题，例如：

<div class="blog-post">
  <h3>{{ title }}</h3>
  <div v-html="content"></div>
</div>