vue3-quill代码怎么写

以下是一个简单的例子，使用Vue3和Quill来创建一个富文本编辑器：

安装依赖：

npm install vue@next quill

在Vue组件中引入Quill：

<template>
  <div>
    <div ref="editor"></div>
    <button @click="getContent">获取内容</button>
  </div>
</template>

<script>
import { ref, onMounted } from 'vue'
import Quill from 'quill'

export default {
  setup() {
    const editor = ref(null)

    onMounted(() => {
      const quill = new Quill(editor.value, {
        theme: 'snow'
      })
    })

    const getContent = () => {
      console.log(editor.value.children[0].innerHTML)
    }

    return {
      editor,
      getContent
    }
  }
}
</script>

在这个例子中，我们在组件的setup()函数中使用ref来创建一个指向Quill编辑器的引用，并在onMounted()函数中初始化Quill。

我们还定义了一个getContent()函数，用于获取编辑器中的内容并打印到控制台上。

运行应用程序：

npm run serve

现在，你应该可以看到一个带有Quill编辑器的页面，并且当你点击“获取内容”按钮时，它会将编辑器中的内容打印到控制台上