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传入。

    //取代下面的方式

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

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

7.

你可能感兴趣的:(Vue.js)