vue组件传参，默认值是否可传递

Question

有三个组件 父 子 孙，父组件向子组件传递一项数据，子组件接收时设置了默认值，子组件又将数据传递给孙组件，假设父组件没有向子组件传递这项数据，子组件触发默认值，那么这个默认值会传递给孙组件吗？ 我搞不懂。。。

Answer 1

会的，如果你不想这样需要在子组件手动处理一下该 prop。

在可以用一个中间属性来保存这个 prop 的值：

import { ref } from 'vue'

const value = ref(props.value == null || props.value === undefined ? '默认值' : props.value)

如果是一个动态 prop，你还需要使用 watch 来同步属性。