文本插值

模板语法

• 使用两对花括号{{}}进行文本插值绑定

  <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>