- form.vue (эта страница ссылается на demoForm.vue, вы обнаружите здесь кнопку сохранения)

```vue
/**
 * @author light_dust_generator
 * @since 2021-06-25 11:39:25
 */
 <template>
   <qc-page-header @back="goBack"></qc-page-header>
   <a-card :bordered="false" :title="t('org.demo.demoCardTitle')">
     <template #extra>
       <qc-save-button @click="save"></qc-save-button>
     </template>
     <demo-form ref="demoFormRef" :demoId="demoId"></demo-form>
   </a-card>
 </template>
 <script lang='ts'>
 import { computed, defineComponent, reactive, ref, toRefs } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { demoIndexPageUrl } from "./interface";
 import DemoForm from "./component/demo-form.vue";
 export default defineComponent({
   components: {DemoForm},
   setup() {
     const { t } = useI18n();
     const demoFormRef = ref();
     const router = useRouter();
     const formState = reactive({
       demoId: router.currentRoute.value.params.id,
       save: () => demoFormRef.value.onSubmit(),
       goBack: () => router.push({ path: demoIndexPageUrl }),
     });
     return {
       t,
       demoFormRef,
       ...toRefs(formState),
     };
   },
 });
 </script>