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

posted on 2021-04-05 17:03  完美前端  阅读(191)  评论(0)    收藏  举报

导航