03.Vue入门之组件（二）

1.如何定义组件中的数据data

1.引用赋值，一般不用

一般不会像上图那样在组件中定义数据，这是引用赋值，如果多处使用到这个组件，组件改变了数据，会影响到其他这个组件在其他地方的使用，不是我们想要的。
要想每个组件的数据传输都是独立的，就用以下写法：

2.组件中数据定义方式

在data中定义一个函数，将我们要的数据return出来，还可以这样简写

var vheader = {
        template:'<p>Hello<v-header-child></v-header-child></p>',
        components:{
            'v-header-child': vheaderchild
        },
        data (){
            return {
                data1: 1,
                data2: 2
            }
        }
    }

---