1.父传子
父组件:
子组件:
defineProps是什么呢?
它其实就是一个API函数。defineProps
是 Vue 3 中的一个函数,用于定义组件的 props。与 Vue 2 中的 props
配置选项不同,使用 defineProps
函数定义的 props 是只读的响应式对象,它们的值由父组件传递而来,不能被子组件修改。这有助于提高组件的可维护性和可重用性,并减少不必要的副作用。 简单理解:就是用于拿父组件传过来的值!
2.子传父
父组件:
子组件:
3.pinia
页面: