App.vue (父组件)
<template>
<!-- (:v)子组件将要接受的变量名 (value)data中的value -->
<sub-component-a :v="value"></sub-component-a>
</template>
<script>
// 引用子组件
import SubComponentA from "./components/SubComponentA";
export default {
data() {
return {
value: "我是传递给子组件的值"
};
},
components: {
SubComponentA
}
};
</script>
SubComponentA.vue(子组件)
<template>
<div>{{v}}</div>
</template>
<script>
export default {
name: "subComponent",
props: ["v"]
};
</script>