Vue学习之组件之间的传值

一、父组件给子组件传值

步骤1：调用子组件的时候给子组件绑定动态属性；

<v-son v-bind:hahaha="title2"></v-son>

 

步骤2：子组件接收父组件的传值,就是在子组件里面跟data和methods的平级加入props；

<template>
    <div class="son">
      这个是子组件，引入父组件的titlt---{{hahaha}}
    </div>
</template>

<script>
    export default {
        name: "SonComponents",
        data(){
          return {}

        },
        props: ['hahaha']
    }
</script>

步骤3：直接在子组件中使用。

注意：给引入的子组件绑定的可以是自定义属性。
     如果父组件传给子组件的拥有同名，则默认使用父组件的数据，不建议同名