vue.timeout에서 곱슬곱슬한 괄호를 피하는 방법

vue.timeout에서 곱슬곱슬한 괄호를 피하는 방법

내 데이터베이스에 컬리 중괄호를 포함할 수 있는 데이터가 있습니다.{{ }}.

{{-- 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또는v-html지시:

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

또는

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

ref link https://vuejs.org/v2/api/ #v-pre

언급URL : https://stackoverflow.com/questions/63614194/how-to-escape-curly-braces-in-vue-js