vue组件间的传值

父子组件之间的传值:

父组件通过props传递数据给子组件,子组件通过$emit调用父组件的方法


父组件向子组件传递:

在 Vue 中,可以使用 props 向子组件传递数据


父组件

 父组件定义了变量username,通过v-bind将form的值绑定为username

子组件

使用props接收父组件传递过来的值


子组件向父组件传递参数:

    子组件通过$emit方法传递参数:


子组件

子组件调用了一个click方法,通过$emit将值传递给父组件。第一个参数为方法名,第二个参数为传递过去的值

父组件

子组件向子组件传值:

Vue 没有直接子对子传参的方法,建议将需要传递数据的子组件,都合并为一个组件。如果一定需要子对子传参,可以先从传到父组件,再传到子组件。

为了便于开发,Vue 推出了一个状态管理工具Vuex,可以很方便实现组件之间的参数传递

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。