vue 父组件传递数据给子组件

父组件
<body>
<div id="app">
<child v-bind:data = "test"></child>
</div>
<script>
 import child from "./child"    //引用组件
export default{
 
 data(){
   return {
   test:"我是父组件的数据"
}
},
 components:{   //注册组件
  child
 }
}

</script>
  

</body>

子组件
<body>
   <div>
   {{data}}
</div>  

 <script>
  export default{
  props:["data"]   //props用来接收父组件传过来的数据， data要跟父组件的 v-bind:data  是一致的
}
</script>
</body>

vue 父组件传递数据给子组件

推荐阅读