vue父子组件传值方式

1、子组件向父组件传值

子组件使用 this.$emit(‘自定义的属性名’,准备传过去的属性值)

<li  v-for="(item, i) in topList" @click="this.$emit('zidingshuxing',i)"></li>

父组件使用 @子组件自定义属性名=方法(参数)来接收传递过来的数值

<top @zidingyishuxing = 'jieshou'></top>

2、父组件向子组件传值

父组件使用自定义动态绑定属性给子组件传值注意字符串要单独引起来

<top :shuxing=" '我是子组件的值' "></top> 


子组件使用props['自定义属性名称']来接收,使用方法跟data里的值一样,属性名称也需要单独引起来

props:[‘shuxing’]

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

推荐阅读更多精彩内容