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>

　　

posted @ 2017-05-22 16:00  GoTime  阅读(2539)  评论(0)  编辑  收藏  举报