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 (ok) { return message } }}'
大胡子语法案例
Title{ {msg}}
var vm = new Vue({
el:"#app",
data:{
msg:"将会被大胡子语法渲染"
}
})
v-text -- 模板渲染
1.v-text 能展示对应data中数据内容,也能在数据基础上做运算
2.v-text 会吧标,签中的内容替换
v-text -- 使用案例