模板语法

  • 使用两对花括号{{}}进行文本插值绑定
  1. <div>显示message属性:{{message}}</div>
  2. <script>
  3. $('div').vm({message: 'hello world'});
  4. </script>

在花括号中可以调用函数或者直接写入表达式:

  1. <div>显示处理过的message属性:{{foo(message)}}</div>
  2. <div>通过表达式处理的message属性:{{message + '\nhello\nworld'}}</div>
  3. <script>
  4. $('div').vm({message: 'hello world'});
  5. function foo(s){
  6. return s + ' ha ha!';
  7. }
  8. </script>

此外,pandyle也支持在花括号中使用管道函数来处理数据,管道函数需首先通过VM.register来注册:

  1. <div>{{name|add}}</div>
  2. <script>
  3. var vm = $('.main').vm({
  4. name: 'rrr'
  5. }, false);
  6. vm.register('add', function (value) {
  7. return value + ' my name is pandarrr';
  8. });
  9. vm.run();
  10. </script>