koa2 类似 vue angular的语法模版 art-template
常见模板引擎的性能对比
适用于 koa 的模板引擎选择非常多,比如 jade、ejs、nunjucks、art-template 等。art-template 是一个简约、超快的模板引擎。
它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。art-template 支持 ejs 的语法,也可以用自己的类似 angular 数据绑定的语法。
官方文档与安装
官网:http://aui.github.io/art-template/ 中文文档: http://aui.github.io/art-template/zh-cn/docs/ npm install --save art-template npm install --save koa-art-template
KOA配置与使用
const koa = require('koa'); const app = new koa(); const render = require('koa-art-template'); render(app, { root: path.join(__dirname, 'views'), extname: '.html', debug: process.env.NODE_ENV !== 'production' }); router.get('/', async (ctx) => { ctx.body = '首页'; let title = 'hello koa2'; await ctx.render('index', { 'title': title }) });
HTML中的使用方法
<section> {{ title }} </section>
语法参考
http://aui.github.io/art-template/zh-cn/docs/syntax.html