Escape {{ }} in vue (2.0)

What if you put it in a data property as a string and printed the property?

{{ myProperty }} 

data: {
    myProperty: '{{}}' 
} 

@zachleigh thanks for your reply. I think that would work but I'm getting the text from the database so it won't be possible for me :(

Maybe make a computed property that wraps the data in quotes?

@zachleigh I've figured out a workaround. I've created a component that accepts the text as a prop and then display the text in the component's template. It's not idea but get's the job done. Thanks for your help

@MATT_PANTON - Hey Matt,

Long shot, but any updates on how to best handle database content that may have {{'s in it?

Thanks!

Would v-pre work for you? Looks like you just add v-pre to an element and Vue should ignore everything within it:

https://012.vuejs.org/api/directives.html#v-pre

@VMITCHELL85 - Sorry,

Should have expanded a bit, I am displaying data from the database, that may or may not have {{'s in the content. For example I have a bit of content that looks like {{ my_function }}

So I want the data to be outputted as normal, but the handlebars are breaking it. Should I be escaping these values before it is input into the database?

Thanks for the help!

<span v-pre> {!! $thread->body !!} </span>

this works

@bhushan this is almost a year old and I don't think you managed to read the issue.

@jove i was having the same problem hour before and also tried changing curly braces with entity. actually i found exact same issue which i was facing .. i think you should read it once and the answers too !!

ok, the answer is to put v-pre on any higher level container rather than trying to wrap the curly braces with a span

https://012.vuejs.org/api/directives.html#v-pre

Ok I might have misunderstood @bhushan thanks for the heads up.

If you need to mix'n'match curly braces you can also try

<p v-text="`{{ some text }}`"></p>

A nice benefit is being able to interpolate values

<p v-text="`{{ ${vueDataVariable} }}`"></p>