How can I print source code in Vue.js

Question

example:

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

How can I print source code '{{message}}' not 'Hello Vue!'

euvl · Accepted Answer · 2017-08-01 05:43:32Z

2

One option is to use html symbol codes instead of { and }.

{ = &#123;
} = &#125;  

---

{{ message }} 

&#123;&#123; message &#125;&#125;

Or you can use v-text attribute:

<div v-text="'{{message}}'">
</div>

answered Aug 1, 2017 at 5:43

euvl

4,7862 gold badges29 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1