用vue语法写html,Vue -- 模板语法

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 -- 使用案例