art-template@4.12.2使用

art-template@4.12.2 使用记录

    有些时间不用了，最近因为APP项目有两个页面需求想要由前端来分担，主要是数据展示为主；大量的字段需要填，dom操作简直要命，需要大量的id，class，想想就恶心，那就直接怼模板吧；

引用art-template:  npm i art-template  找到template-web.js文件引入

同时支持简洁语法和原生语法

简洁语法：直接用{{XX}}填坑

过滤器：{{XX | 过滤器名 参数1 参数2}}    印象中原来使用中是使用：参数     此版本中使用空格隔开（控制台看到的哈哈，不影响使用，懒得改）

自定义过滤器方法：template.defaults.imports.过滤器名 = function(){}  如下：

template.defaults.imports.starNum = function(data){

     var str = '';

     $(data).each(function(i, v){

          str += v+'、';

     })

     str = str.slice(0,-1);

     return str;

}

{{#XX}}  这里#号表示原文输出，返回内容包含html标签时使用，现在#改成@了貌似。（控制台提示，不影响使用，懒得改）

简洁语法还有  each循环  $value表示循环内的每个元素  还有$index表示索引？这次没用，忘了

if条件判断 这里没用，不提也罢。

原生语法支持js的形式  <% 表达式  %>    <%=  输出值 %>  略略略。。。。。

这个页面过于简单，没有过多的使用art-template的功能，但无非就以上提到的常用的方法，复杂的时候度娘呗。脑子不好使，记呀记不住~曾经用过handlebars,基础用法都差不多，个人还是偏好这个模板引擎。