vue中props的用法

vue使用props的用法
日常编程中都会用到父组件用子组件、子用父的情况,下面先介绍一种子传父的情况
1、在父组件中
(1)、首先是在其定义一个list属性以存储其数据值
(2)、定义一个绑定属性“mlist”,以为后续props做铺垫,




2、在子组件中
(1)先定义props属性,将其父组件所传递的“mlist”属性传输过来(要与父组件定义的名称保持一致)
(2)循环遍历其props的属性,以便展示到其页面中





3、效果图展示
vue中props的用法_第1张图片

总结:
1、注意其props所使用的名称与父组件绑定的属性名称保持一致
2、步骤:在父组件引入子组件的页面 =》子组件中定义props之后直接使用数据即可

你可能感兴趣的:(props,vue.js)