Vue.js
父组件向子组件传值
若父组件中的值value1:'这是父组件中的值'，要向子组件test传值。则在父组件中<test v-bind:parentValue="value1"></test>上绑定自定义属性名（parentValue）的值为value1；子组件中data下定义props的值为父组件里自定义的属性名（parentValue），即：props:['parentValue']，然后在子组件中就可以通过parentValue得到父组件的值了。
子组件向父组件传递数据
子组件主要通过事件传递数据给父组件,先在子组件中demo绑定触发事件（trigger）,事件触发则执行（traggerevent）方法，再通过this.$emit('traggerevent')向父组件暴露接口：
trigger:function(){
this.$emit('traggerevent',要传递的数据）
}
在父组件中通过<demo v-on:traggerevent="自定义获取数据的方法getValue"></demo>，在父组件中通过监听traggerevent事件的触发再执行getValue方法。
网友评论