vue中的父子组件传值详解

父组件与子组件传值

//父组件通过标签上面定义传值
<template>
//使用子组件，在里面传输数据
  <main :obj="data"></main>
</template>
<script>
  //引入子组件
  import Main form "./main"

  exprot default{
      name:"parent",
      data(){
          return {
              data:"我要向子组件传递数据"
          }
      },
      //初始化组件
      components:{
          Main
      }
  }
</script>

//子组件通过props方法接受数据
<template>
  <div>{{data}}</div>
</template>
<script>
  exprot default{
      name:"son",
      //接受父组件传值
      props:["data"]
  }
</script>