如何在 vue.js 中转义大括号

I have data in my database可能包含花括号{{ }}.

{{-- inside app.blade.php --}}
<!-- vue app -->
<div id="app">
    ...code
    <div> {{ $data }} </div>
    ...code
</div>

因此，如果我想向用户显示该数据，如果它位于 Vue 应用程序内，则会导致问题。而 vue 认为它是要执行的 javascript 代码。

例如，如果$data等于{{ title->links() }}然后我收到一个错误，整个应用程序根本无法编译。 （它通过刀片模板）。

[Vue warn]: Error compiling template:

invalid expression: expected expression, got '>' in

    _s(title->links())

  Raw expression: {{ title->links() }}

305|              <div>{{ title-&gt;links() }}</div>
   |                   ^^^^^^^^^^^^^^^^^^^^^^^

最好的逃跑方法是什么{{ }}用户数据的大括号（在 Vue.js 中）？

您需要使用v-pre or v-html指示：

<div v-pre>{{ data }}</div>

or

<div v-html="'{{ data }}'"></div>

参考链接https://v2.vuejs.org/v2/api/#v-pre