vue如何将template转化成render?

发布于 2022-09-11 19:33:21 字数 735 浏览 25 评论 0

场景:使用vuepress编写文档,想顺便加上一个编辑运行代码的功能,比如编写一段.vue格式的文本,然后运行渲染界面。然而碰上了一个问题

clipboard.png

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

关键代码如下

// 该代码导致报错,因为无法使用template,如果使用render的话倒是可以成功渲染
new Vue({ 
    mixins: [script], // 上图代码中script标签中export default的内容
    el: '#' + codePreviewID,
    template: template // 上图代码中template标签的内容
});

那么问题来了,如何将template转化成render?有插件或方法可以直接用么?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

怪我太投入 2022-09-18 19:33:21

已经想到了骚主意,改编译环境,直接跳过问题

// import Vue from 'vue';
import Vue from 'vue/dist/vue.js';
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文