vue2.0使用vue-quill-editor

Vue.js是一个用于构建用户界面的JavaScript框架，而vue-quill-editor是一个基于Quill.js的富文本编辑器组件，用于在Vue.js项目中实现富文本编辑功能。

要在Vue.js项目中使用vue-quill-editor，首先需要安装它。可以通过npm或yarn来安装，具体命令如下：

npm install vue-quill-editor

或者

yarn add vue-quill-editor

安装完成后，在需要使用富文本编辑器的组件中，引入vue-quill-editor并注册组件。示例代码如下：

// 引入vue-quill-editor
import VueQuillEditor from 'vue-quill-editor'

export default {
  components: {
    VueQuillEditor
  },
  data() {
    return {
      content: '' // 用于保存富文本编辑器的内容
    }
  }
}

接下来，在模板中使用`<vue-quill-editor>`标签来渲染富文本编辑器。示例代码如下：

<template>
  <div>
    <vue-quill-editor v-model="content"></vue-quill-editor>
  </div>
</template>

通过`v-model`指令可以将编辑器的内容与`content`数据进行双向绑定，这样就可以在组件中获取和修改编辑器的内容了。

除了基本的使用，vue-quill-editor还提供了很多配置项，可以根据需求进行相应的配置，例如自定义工具栏、设置编辑器高度等。具体的配置可以参考vue-quill-editor的文档。

希望这些信息能帮助到你，如果还有其他问题，请随时提问！