如何在Vue.js中打印源代码

时间:2017-08-01 05:34:25

标签: vue.js

示例:

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

如何打印源代码“{{message}}”而不是“Hello Vue!”

1 个答案:

答案 0 :(得分:2)

一种选择是使用html符号代码而不是{}

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

---

{{ message }} 

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

或者您可以使用v-text属性:

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