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