API の概要

CodeMirror コンポーネントの API は 3 種類あります。

ページ	内容
Props	エディタの設定。変更はエディタを作り直さずに反映されます。
イベント	読み込み完了、フォーカス、テキストの変更、破棄の通知
インスタンス API	テンプレート ref から使えるプロパティとメソッド

<script lang="ts" setup vapor>
import { javascript } from '@codemirror/lang-javascript';
import { ref } from 'vue';
import CodeMirror, { type CodeMirrorExposed } from 'vue-codemirror6';

const value = ref('');
const cm = ref<CodeMirrorExposed>();
</script>

<template>
  <code-mirror
    ref="cm"
    v-model="value"
    basic
    :lang="javascript()"
    @ready="() => cm?.view?.focus()"
  />
</template>

#API の概要

API の概要