模板语法
- 使用两对花括号{{}}进行文本插值绑定
<div>显示message属性:{{message}}</div>
<script>
$('div').vm({message: 'hello world'});
</script>
在花括号中可以调用函数或者直接写入表达式:
<div>显示处理过的message属性:{{foo(message)}}</div>
<div>通过表达式处理的message属性:{{message + '\nhello\nworld'}}</div>
<script>
$('div').vm({message: 'hello world'});
function foo(s){
return s + ' ha ha!';
}
</script>
此外,pandyle也支持在花括号中使用管道函数来处理数据,管道函数需首先通过VM.register来注册:
<div>{{name|add}}</div>
<script>
var vm = $('.main').vm({
name: 'rrr'
}, false);
vm.register('add', function (value) {
return value + ' my name is pandarrr';
});
vm.run();
</script>