javascript - 如何让 Vue.js Markdown 编辑器识别输入的 JavaScript

Question

我正在尝试使用 Vue.js 的属性构建一个简单的编码编辑器，否则将用于构建典型的降价编辑器。我希望我的编辑器能够在代码站点上输入 JavaScript 代码时识别它。我怎样才能做到这一点？到目前为止，这是我的代码。谢谢！

<template>
  <v-container fluid grid-list-md>
    <v-layout row wrap>
      <v-flex xs6>
        <v-card>
          <v-textarea v-model="input" auto-grow="true" background-color="grey-light"></v-textarea>
        </v-card>
      </v-flex>
      <v-flex xs6>
        <v-card>
          <v-textarea v-html="input" auto-grow="true" disabled="true"></v-textarea>
        </v-card>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>
export default {
  data () {
    return {
      input: ''
    }
  }
}
</script>

标签： javascriptvue.js