Vue模板语法
1 .与vue、大多数后台语言以及前端模板库(如art-template )一样，有一系列用于将数据渲染为html的特定语法。
Mustache --留胡子的语法
1 .胡子语法格式方括号“{ }”在html标记之间使用，不能写在标记属性中
2 .胡子语法可以使用js表达式，但仅限于Vue实例范围的和全局变量，如Vue沙盒白名单、白名单中定义的Math和FDate。
3 .公式一些基本公式，一些三元运算实例：
' {{num 1}}、' {{status？ ' succeed' : 'failed'}}
' {{changetime(}}、' {value.replace(/)、/g、'') }
4 .但是，不支持流量控制，例如： ' { { if {确定} {返回消息} }
胡子法例
Title {{msg}}
var vm=new Vue({ (
El : ' # APP '，
数据： {
msg: '用胡子语法渲染'
}
() )
v-text --模板渲染
1.v-text可以表示与data对应数据的内容，也可以根据数据进行运算
2 .在2.v-text会议上做标记，交换签名中的内容
v-text --使用示例
Title我被覆盖了
var vm=new Vue({ (
El : ' # APP '，
数据： {
msg: '将使用v-text渲染'
}
() )
展示效果
image.png
v-html--渲染html标记
1 .将标签语义化后显示在页面上
2 .由于容易发生XSS攻击，因此请仅对受信任内容使用HTML插值，而不要对用户提供的内容使用插值。
3 .如何防止XSS攻击：
3.1前端过滤
3.2后台转义() )。
3.3在cookie上添加属性http，例如：
里克
v-html外壳
Title var vm=new Vue({ (
El : ' # APP '，
数据： {
msg:'v-html渲染'
}
() )
将数据呈现到页面的三种方法总结
1 .以上三种方法都可以将数据呈现到页面上，但工作中最常用的是“{}”
2.'{{}}”是最常用的，但在加载过程中存在闪烁的问题(在命令章v-cloak中介绍了解决方法)，无法渲染html格式的数据，只能显示为字符串
3.'v-text”数据加载没有闪烁问题，但不能复盖标记中心的数据，也不能渲染html格式的数据。
4.'v-html '谨慎使用会有xss攻击的风险