vue学习(三):父组件向子组件传参

既然是组件化开发,当然少不了数据传递,我们先看看官网上写的。

vue学习(三):父组件向子组件传参_第1张图片

使用props传递参数,试一下,还是用我们之前的项目结构

vue学习(三):父组件向子组件传参_第2张图片

一、静态传递

1.main_header.vue





2.App.vue






二、动态传递

1.main_header.vue





2.App.vue






vue学习(三):父组件向子组件传参_第3张图片 vue学习(三):父组件向子组件传参_第4张图片


三、传入数组

1.main_header.vue





2.App.vue




vue学习(三):父组件向子组件传参_第5张图片



到这里  vue的父组件向子组件传参就结束了



































































你可能感兴趣的:(vue)