如何使用vue.js和uikit在我的html中嵌入一个标记编辑器？

<!-- 引入Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 引入UIkit的CSS文件 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.7.4/css/uikit.min.css" />

<!-- 引入UIkit的JS文件 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.7.4/js/uikit.min.js"></script>

new Vue({
  el: '#app',
  data: {
    editorContent: ''
  },
  methods: {
    saveContent() {
      // 在这里处理保存编辑器内容的逻辑
    }
  }
});

<div id="app">
  <textarea v-model="editorContent"></textarea>
  <button @click="saveContent">保存</button>
</div>

new Vue({
  el: '#app',
  data: {
    editorContent: ''
  },
  methods: {
    saveContent() {
      // 在这里处理保存编辑器内容的逻辑
    }
  },
  mounted() {
    UIkit.textarea('#editor', { /* 配置项 */ });
    UIkit.button('#save-btn');
  }
});