带插槽的自定义组件上的v-pre

Question

我刚刚将Vue.js从2.5.17版本更新到2.5.22，它破坏了我的一些代码：

PUG

ssh-pre(language="html-vue" v-pre).
    <div v-for="i in 3" :key="i">{{ i }}</div>

在Vue版本2.5.17中，它正在调用我的组件ssh-pre，而在版本2.5.22中它不再存在（看起来像是修订版https://github.com/vuejs/vue/pull/8376，根据文档，它的目的是就像这样：https://vuejs.org/v2/api/#v-pre。

现在，如何解释我的组件，而又不解释胡须，也不会在ssh-pre中添加子元素，因为所有内容都是要渲染的插槽？ < / p>

感谢帮助！

Answer 1

阅读起来有点复杂，但是它可以解决问题并且不会修改渲染的文本：只需将转义的花括号放在小胡子内的字符串中！

ssh-pre(language="html-vue" v-pre).
    <div v-for="i in 3" :key="i">{{ '\{\{ i \}\}' }}</div>