vue2.0子组件调用父组件的数据

vue2.0子组件调用父组件的数据

实例：child.vue文件,调用parent.vue

子组件调用父组件的效果如下：

父组件

阿水12344

子组件

12

代码如下：

//parent.vue如下：--------------------------------------------------//child.vue如下：

重点：

1. <router-view :message="userInfo"></router-view>

1. <p v-text="message.userName"></p>  
2.   props: ['message']

补充：

当message改名为user-info（带‘“ - ”的形式）时，应该这么调用

1. <router-view :user-info="userInfo"></router-view>

1. <p v-text="userInfo.userName"></p>  
2.   props: ['userInfo']