父子组件传值通过props实现，这种方式只能由父向子传递，子组件不能更新父组件内的data

先定义一个子组件，在父组件中，引入子组件，并传入子组件内需要的值

<template>

    <div>

        <div>父组件</div>

        <child :message="parentMsg"></child>  

    </div>

</template>

<script>

import child from './child' //引入child组件

export default {

components: {

            child

        }，

    data() {

            return {

                parentMsg: 'father' 

            }

        }

}

</script>

<style></style>

子组件：

<template>

    <div>

        <div>{{message}}</div>

    </div>

</template>

<script>

export default {

    props: ["message"]

}

</script>

<style></style>