没用过vue3 真是晕了 比起Vue2 好难用
Vue3 中,子组件可以通过 props 接收父组件传递的值。在父组件中,可以使用 v-bind 或简写 : 来绑定子组件的 props。在子组件中,可以通过 props 对象来获取父组件传递的值。
在父组件中:
<template>
<div>
<my-component :prop1="value1"></my-component>
</div>
</template>
<script>
import MyComponent from './MyComponent.vue'
export default {
components: {
MyComponent
},
data() {
return {
value1: 'hello'
}
}
}
</script>
在子组件中,可以通过 props 对象来获取 prop1 的值:
<template>
<div>
{{ prop1 }}
</div>
</template>
<script>
export default {
props: {
prop1: String
}
}
</script>