如何在另一个自定义字段vue组件中访问nova字段的值

// app/Nova/User.php

use Laravel\Nova\Fields\Text;

public function fields(Request $request)
{
    return [
        Text::make('Name')
            ->sortable()
            ->withMeta([
                'customComponent' => true,
            ]),
    ];
}

<template>
  <div>
    <div v-if="editing">
      <input type="text" v-model="name" @input="updateName" />
      <button @click="cancelEdit">Cancel</button>
    </div>
    <div v-else>
      {{ name }}
      <button @click="edit">Edit</button>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      required: true,
    },
  },
  data() {
    return {
      name: this.value,
      editing: false,
    };
  },
  methods: {
    edit() {
      this.editing = true;
    },
    cancelEdit() {
      this.editing = false;
    },
    updateName() {
      this.$store.commit('nova/SET_VALUE', { field: 'name', value: this.name });
    },
  },
};
</script>

// app/Nova/User.php

use Laravel\Nova\Fields\Text;

public function fields(Request $request)
{
    return [
        Text::make('Name')
            ->sortable()
            ->withMeta([
                'customComponent' => true,
                'component' => 'custom-field',
            ]),
    ];
}