介绍
extrajs-view 是一个方便快捷的前端开发工具包，可以帮助开发者快速构建基于 HTML 的视图。
安装
extrajs-view 可以通过 npm 安装：
npm install extrajs-view
使用方法
引入 extrajs-view
在项目中引入 extrajs-view：
const View = require('extrajs-view');构建视图
extrajs-view 提供了一个 View 构造函数，可以通过该构造函数创建视图对象。
const view = new View({
el: '#app', // 指定渲染到哪个元素中
data: { // 模板中可以使用的数据
name: '张三',
age: 18,
},
template: '<div>{{ name }}，{{ age }} 岁了</div>', // 视图模板字符串
});可以使用 mount 方法将该视图挂载到指定位置：
view.mount();
模板语法
extrajs-view 支持 Mustache 风格的模板语法，例如：
-- -------------------- ---- -------
----- ---- - --- ------
--- -------
----- -
------ -
-
----- -----
---- ---
--
-
----- -----
---- ---
--
--
--
--------- -
----
------- -------
------ ---- ----- --- -- -------
---------
-----
--
---
-------------数据绑定
extrajs-view 支持数据双向绑定。
-- -------------------- ---- -------
----- ---- - --- ------
--- -------
----- -
-------- --------
--
--------- -
-----
------ ----------- ------------------
----- ------- ------
------
--
---
-------------事件绑定
extrajs-view 支持 DOM 事件绑定。
-- -------------------- ---- -------
----- ---- - --- ------
--- -------
-------- -
------------- -
-----------------
--
--
--------- -
------- ------------------------------ -----------
--
---
-------------总结
extrajs-view 是一个非常方便的前端开发工具包，在前端开发和 UI 构建中发挥着巨大的作用。通过本文的介绍，相信读者已经能够清楚地掌握 extrajs-view 的使用方法了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005739d81e8991b448e9918