请问 VUE 组件中如何使用 vditor

我最近刚开始自学 vue,基础不牢,让我无法看懂官方关于 vue 使用的 DEMO。所以来这里求教了。

项目是 vue cli4 创建的,vditor 是通过 npm 安装,我准备在组件中使用 vditor,于是就照别的 Markdown 编辑器的方式使用了,下面贴代码

这是入口文件,我想这样使用 vditor

image.png

但是运行后提示没有版本这个属性

image.png

求教我的引用方式是不是不对,新人水平有限,打扰了

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    87 引用 • 706 回帖 • 5 关注
  • Vue.js

    Vue.js(读音 /vjuː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    205 引用 • 625 回帖 • 525 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    1825 引用 • 11827 回帖 • 578 关注

赞助商 我要投放

被采纳的回答
  • Vanessa

    不可以这样用哦。在 mounted 中直接使用就可以了。实在不行 view-source:http://vditor.b3log.org/demo/vue.html 就把这个页面拷贝下来运行一下吧。

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • Vanessa

    不可以这样用哦。在 mounted 中直接使用就可以了。实在不行 view-source:http://vditor.b3log.org/demo/vue.html 就把这个页面拷贝下来运行一下吧。

    1 回复
  • zl453629963
    作者

    谢谢你的回复,我又回去仔细学习了下 new vue 的 export default 的区别,现在在组件中已经使用成功了,还是基础太薄弱,感谢 ❤️