Omi 模板切换

Omi有三个版本。其中的omi.js和omi.lite.js属于Web端使用的版本。

• omi.js内置了mustache.js作为模版引擎
• omi.lite.js不包含任何模版引擎

Omi不强制开发者使用mustache.js，你可以根据业务场景使用任意模板引擎或者不使用模板引擎。

那么怎么使用别的模板引擎？下面拿artTemplate作为例子。

使用artTemplate

Omi.template = function(tpl, data){
    return artTemplate.compile(tpl)(data);
}

重写Omi.template方法，tpl为传入的模板，data为模板所需的数据，返回值为HTML。 重写完毕后就能在render使用artTemplate的语法，如：

class List extends Omi.Component {
    constructor(data) {
        super(data);
    }
    style () {
        return `
        h1 { color:red; }
        li{ color:green;}
        `;
    }
    render () {
        return `<h1>{{title}}</h1>
                <ul>
                    {{each list as value i}}
                    <li>索引 {{i + 1}} ：{{value}}</li>
                    {{/each}}
                </ul>`;
    }
}
 
 
 

转载本站内容时，请务必注明来自W3xue，违者必究。