vue组件通信(父组件、子组件)1)在父组件中定制属性,以v-bind或:格式绑定data中的数据
)2)可以通过将子组件中的export default导入到data对等项中,并使用props写入父组件中的自定义属性来传递父组件中的数据。
注: props只能从父代访问子代。 所谓的单一数据流,props属性是只读的。 子代不能更改父代的值,但可以更改对象的属性。 一般不建议子代更改父代数据。 )
子代(1)父组件中的自定义事件eg : @ change val=' change this val '
)在子组件中,通过相应的唯一事件进行自定义事件名称eg: @click=clickEvent,用于触发父组件的子组件调用,在子组件中,通过methods将this.
clickEvent ()//自定义事件的驼峰命名方法this.$emit ) (changeval ),{name: ) nihao ) }; (3)在父组件的自定义事件调用方法中,eg通过参数接收从子组件传递的数据:
clickevent(obj ) { console.log ) (我是从部件传递的数据) obj ); }