Vue.js组件

1.data必须是一个函数，每个实例可以维护一份被返回对象的独立拷贝。而不是直接提供一个对象。因此可以将组建任意次的复用，它们之间互不影响。

2.prop向子组件传递数据时，可以使用v-bind动态传递prop，而且可以传递任何类型的数据给prop。

3.组件注册包括全局注册和局部注册。Vue.component('my-component-name',{...})是一种全局注册方式，全局注册的组件可以用在，其之后通过new Vue创建的Vue根实例，也包括其组件树中的所有子组件的模板中。

    局部注册的方式为，像定义一个普通JavaScript对象一样，然后在Vue实例中定义想要使用的组件。对于components对象中的每个属性来说，其属性名就是自定义元素的名字，其属性值就是这个组件的选项对象。

    局部注册的组件在其子组件中不可用，

4.当一个值传递给一个prop特性的时候，他就变成了那个组件实例的一个属性，当一个prop被注册后，我们就可以把数据作为一个自定义特性传递进来。如果想要一个对象的所有属性都通过prop传入，则可以使用不带参数的v-bind传入。

<blog-post v-bind = 'post'></blog-post>    //取代下面的方式

<blog-post 
    v-bind:id='post.id'
    v-bind:title='post.title'
></blog-post>

5.每个组件必须有一个根元素。

6.定义组件名有两种方式，‘component-name’,‘ComponentName’。

7.