语法
2023年04月22日
一、绑定 prop
1.1 绑定单个
通过 :prop
将父组件数据传递给子组件, prop
必须在子组件中声明才可以使用
- 父组件
- 子组件
<template>
<div>
<HelloWorld :name="name"></HelloWorld>
</div>
</template>
<script>
import HelloWorld from "./HelloWorld.vue";
export default {
name: "App",
components: { HelloWorld },
data() {
return {
name: "世界,你好!",
};
},
};
</script>
<template>
<div>
{{ name }}
</div>
</template>
<script>
export default {
props: {
name: String,
},
};
</script>