怎么弄成一进入组件就调用 <mavon-editor> 进入沉浸式阅读（readmodel: true属性）的状态中，退出沉浸式阅读之后就直接关闭组件

可以通过以下步骤实现：

1. 在组件的 mounted 钩子函数中，将 readmodel 属性设置为 true，使组件一进入就进入沉浸式阅读状态。

2. 在组件内部添加一个关闭按钮或者监听 Esc 键按下事件，当用户想要退出沉浸式阅读时，可以触发一个关闭组件的函数。例如：

<template>
  <div>
    <button @click="closeEditor">关闭</button>
    <mavon-editor v-model="content" :readmodel="true"></mavon-editor>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '',
    };
  },
  mounted() {
    this.$refs.editor.readmodel = true; // 设置 readmodel 为 true
  },
  methods: {
    closeEditor() {
      this.$emit('close'); // 触发关闭组件的事件
    },
  },
};
</script>

3. 在父组件中，监听子组件的关闭事件，并在事件处理函数中将子组件销毁。例如：

<template>
  <div>
    <button @click="showEditor = true">打开编辑器</button>
    <div v-if="showEditor">
      <my-editor @close="showEditor = false"></my-editor>
    </div>
  </div>
</template>

<script>
import MyEditor from './MyEditor.vue';

export default {
  components: {
    MyEditor,
  },
  data() {
    return {
      showEditor: false,
    };
  },
};
</script>

这样就可以在进入组件时自动进入沉浸式阅读状态，退出沉浸式阅读后直接关闭组件。