父組件 <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>