Sending Data into a component requires Prop, Sending data out of Component requires Emit

Data Exchange between sibling component is achieved by Central Event Bus. Complicated sibling component data changes uses VueX

component包含 Template, Data, props, methods  其中Template是必须要的

Register component

install component

如果要从data() 里使用props的值： this.prop

send data out of component:

v-bind和v-model都是让external data进入的

经典啊😱😱😱😱

这里是一个使用event驱动emit 函数 把数据从component.data传递到Vue.data里的例子。这个例子展现了传入component以及传出component

首先Input的地方用v-model 和component.message绑定起来。 这样数据传入了component里。

然后定义Event: v-on: click='send'  调用了this.$emit()。 this.emit把message传入Vue.content里 通过v-on:relay='function' 这个Tag。 content注意！ 在P tag里refer了。。。 {{content}}

V-model = V-bind + V-on

同时send Multiple data

Sibling components communication