Laravel9 と Vuejs3 を使用しています。 php 変数を vue コンポーネントに渡すブレード ビューがあります:

<購読フォーム location="{{ $props['location'] }}" 方向="{{ $props['方向'] }}" />
データを受け取るメイン Vue のスクリプト設定に次のコードがあります。
 
const initProps =defineProps(['location', 'orientation']); const 値 = reactive(initProps);
 
この親 Vue は次のようなコンポーネントを呼び出します: 
 
<コンポーネント v-bind:is="ステップ[ステップ]" v-bind:formValues="値" >
 
問題は、リアクティブ変数 values を子 vue に書き込むことができないことです。 エラーが発生しました
 
[Vue warn] キー「location」の設定操作が失敗しました: ターゲットは読み取り専用です。
 
次の場合にこれが発生します: 
 
props.formValues.location = location;
 
php 変数をブレードから親 Vue に渡す必要がない場合に機能します。しかし、現在はブレードからメインビューまで、次にメインビューからサブコンポーネントまでの 2 レベルのデータプロパティがあり、読み取り専用になっています。 
 
助けて! 
 
initProps または values 変数を const 型から var に切り替えてみましたが、何も起こりませんでした。