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>
 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM