介绍
cabbage 是一个轻量级的模板引擎，支持模板嵌套、变量渲染、条件判断、循环等基本操作，同时也支持自定义扩展标签。cabbage 只有 1.1KB 的体积，非常适合用于前端开发。
安装
你可以通过 npm 来安装 cabbage：
npm install cabbage
使用
基本使用
-- -------------------- ---- -------
----- ------- - -------------------
----- -------- - -
----
-- --- ---- -- ---- --
------ -- --------- --------------- ----- -------
-- ------ --
-----
--
----- ---- - -
----- -
- ----- ------ ----- ---- --
- ----- ------ ----- ----- -
-
--
----- ------ - ------------------------ ------
--------------------代码执行结果：
<ul> <li>foo</li> </ul>
自定义标签
你可以自定义标签来扩展 cabbage 的功能。以下是一个自定义标签 upper 的例子：
-- -------------------- ---- ------- ----- ------- - ------------------- ------------------ - -------- ------ ------- -------- - ----- ----- - ---------------------------------------------------------- --------- ---------- ------ -------------------- -- ----- -------- - -------- ----- ------------- ---------- ----- ------ - ------------------------- -------------------- -- ----------------
辅助方法
cabbage 提供了一些辅助方法，可以帮助你更方便地处理数据。
trim(value)
删除字符串两端的空格。
const str = ' hello world '; console.log(cabbage.trim(str)); // 'hello world'
evalString(str, context, defaultValue)
将字符串解析为一个表达式，并计算其值。如果解析失败或者值为 undefined，则返回默认值。
const value = '1 + 2'; console.log(cabbage.evalString(value)); // 3
getAttribute(node, name, defaultValue)
获取节点的属性值。如果属性不存在，则返回默认值。
const node = { attributes: { foo: { value: 'bar' } } };
console.log(cabbage.getAttribute(node, 'foo')); // 'bar'结语
cabbage 是一个非常简单、轻量且灵活的模板引擎，适用于前端开发中的大多数模板处理场景。使用 cabbage 可以让你的代码更加简洁、易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c90ccdc64669dde58a5