摘要：
如果要显示｛｛｝｝标记而不替换它，可以使用v-pre跳过此元素及其子元素的编译过程。例如，＜span v-pre＞｛｛这是不会被编译的内容｝˂/span＞在Vue的｛｝｝中，除了简单的绑定属性值之外，您还可以将JavaScript表达式用于简单操作、三元表达式等。例如，｛｛number/10｝｛{isOk？此外，在表达式中，不能使用用户定义的全局变量，只能使用Vue白名单中的全局变量（如Math和Date）。以下是一些无效实例：˂！
正常情况我们在页面取值都是通过 {{ data }}来取值，但是有时候我们就是想输出HTML，而不是将数据解析后的纯文本，这个时候可以使用v-html来绑定数据
<span v-html="link"> </span><script>
export default {
data() {
return {
link: '<a href="http://www.jinzhea.xyz">这是一个链接</a>'
};
}
};
</script>这样在页面上渲染出来的就是一个具有点击功能的a标签，而不是纯文本，如下图所示，不过这里要注意如果将用户生产的内衣用v-html输出后，有可能导致XSS攻击，所以要在服务端对用户提交的内容进行处理，一般可将尖括号“<>”转义。
如果想显示{{ }}标签，而不进行替换，使用v-pre即可跳过这个元素和它的子元素的编译过程，例如
<span v-pre> {{ 这是不会编译的内容 }} </span>
在Vue的{{ }}中,除了简单的绑定属性值外，还可以使用JavaScript表达式进行简单的运算、三元表达式等，例如
{{ number / 10 }}
{{ isOk ? '是' : '否' }}
{{ text.split(',').reverse().join(',') }}显示结果为
Vue.js只支持单个表达式，不支持语句和控制流。另外，在表达式中，不能使用用户自定义的全局变量，只能使用Vue白名单内的全局变量，例如Math和Date，以下是一些无效的实例：
<!-- 这是语句，不是表达式 -->
{{ let a = 'http://www.jinzhea.yxz' }}
<!-- 不能使用控制流，要使用三目表达式 -->
{{ if (Ok) return msg }}
嗯，就酱~~