当前位置: 首页 > Web前端 > vue.js

基于vue的父子组件传值

时间:2023-04-01 12:55:09 vue.js

父组件给子组件传值1.父组件通过props给子组件传递数据这是父组件的一部分,miaosu是定义在data中的变量.如果需要从子组件中获取miaosu的值,需要使用props:['miaosu']然后在子组件中直接使用this.miaosu调用里面的数据。子组件传值给父组件2.子组件通过$emit()传值。在Keep中,$emit用于遍历Memo事件并返回OPTION,其中'Memo'是一个自定义事件,其功能类似于传递,OPTION值会通过该事件传递给父组件。如图:因为'Memo'是一个事件,所以在父组件中使用@Memo调用,然后在vue的方法中写Memo(OPTION){leta=OPTION}获取从子组件。