vue单页开发父子组件传值

vue单页开发时经常需要父子组件之间传值，自己用过但是不是很熟练，这里我抽空整理了一下思路，写写自己的总结。GitHub地址：https://github.com/leileibrother/wechat-vue

文件目录如下图，example.vue是父组件，exampleChild.vue是子组件。

父组件引入子组件，父组件html的代码如下：

<template>
    <div>
        <h3>这是父组件</h3>
        <p style="margin: 20px 0;text-align: center;">
            <span>子组件传过来的值是 “{
  {childValue}}”</span>
        </p>
        <example-child v-bind:message="parentMsg" @getChildValue="getValue"></example-child>
    </div>
</temp