<template>

    <div id="app">

        <input type="button" name="" id="" @click="parentCall" value="父调子" />

        <hello ref="chil" />//hello组件

    </div>

</template>

<script>

    import hello from './components/Hello'

    export default {

        name: 'app',

        'components': {

            hello

        },

        methods: {

　　        parentCall () {

　　　　        this.$refs.chil.chilFn('我是父元素传过来的')

　　        }

        }

    }

</script>

/*Hello.vue  :*/

<template>

    <div class="hello"></div>

</template>

<script>

    export default {

        name: 'hello',

        'methods': {

　　       chilFn (msg) {

　　　　     alert(msg)

　　      }

        }

    }

</script>