父组件传值给子组件后,子组件接收
**
* 定义组件属性类型
*/
interface Props {
v: string;
}
/**
* 给组件指定初始值
*/
const props = withDefaults(defineProps<Props>(), {
v: () => "",
});
但是如果这时候子组件使用v-model双向绑定pros.v就会报错:
Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)
这是因为子组件不能双向绑定父组件传过来的值,因此我们可以通过计算属性将父组件传过来的值进行计算,避免报错:
const deil = computed(() => {
return props.v;
});