vue 父传子

1.父组件与子组件传参
父组件通过标签上面定义传参

<template>
    <Main :data="data"></Main>    第一个data 自己定义的名称 第二种参数data是需要传的参数  
</template>

import Main form "./Main" 引入子组件   组件大写 注意
<script>
    exprot default{
        data(){
            return {
                data:"我要向子组件传递数据"
            }
        },
        注册组件
        components:{
            Main
        }
    }
</script>
--------------------------------------------------------------------------------
子组件通过props方法接受数据
<template>
       使用传来的数据  
    <div>{{data}}</div>  ===  <div>我要向子组件传递数据"</div>
</template>
<script>
    exprot default{
       接收父组件传的值   后面的参数是传来的参数
        props:["data"] 
    }
</script>