Framework7 - 模板概述

描述

Template7 是一个轻量级的、移动优先的 JavaScript 引擎，它将 Ajax 和动态页面表示为具有指定上下文的 Template7 模板，并且不需要任何额外的脚本。Template7 与 Framework7 关联，作为默认的轻量级模板引擎，它可以更快地为应用程序工作。

性能

将字符串编译成 JS 函数的过程是 template7 中最慢的部分。因此，您不需要多次编译模板，只需编译一次就足够了。

//Here initialize the app
var myApp = new Framework7();

// After initializing compile templates on app
var searchTemplate = $('script#search-template').html();
var compiledSearchTemplate = Template7.compile(searchTemplate);

var listTemplate = $('script#list-template').html();
var compiledListTemplate = Template7.compile(listTemplate);

// Execute the compiled templates with required context using onPageInit() method
myApp.onPageInit('search', function (page) {

   // Execute the compiled templates with required content
   var html = compiledSearchTemplate({/*...some data...*/});

   // Do stuff with html
});

Template7 是一个轻量级的模板引擎，用作独立库，无需 Framework7。可以使用两种方法安装 Template7 文件：

• 您可以从 Template7 github 仓库下载。

或者

• 您可以使用以下命令通过 Bower 安装：

bower install template7