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
