十三、HTML5单页框架View.js介绍 - 事件驱动（一）

本文链接：https://blog.youkuaiyun.com/baozhang007/article/details/84800551

View.js是一种无需依赖Npm的单页应用框架，其核心特性为事件驱动，这使得开发者能够以较低成本实现业务逻辑，同时保持工程的灵活性与可维护性。本文详细介绍了View.js的事件驱动语法、对象及实例与宏观事件，为开发人员提供了实用指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不需要 Npm 的单页应用框架：

引语

事件驱动是View.js的核心特性，是View.js的框架逻辑与业务逻辑糅合的主要桥梁，同时也是开发者驱动业务、实现多人协作的首要入口。借助事件驱动，开发者可以以相对低廉的成本，较为宽松的耦合实现绝大部分业务逻辑的功能开发，并能够与此同时保持工程松散、灵活的文件组织。对于注重工程可维护性的开发人员和管理人员而言，View.js尤其有用。

事件驱动语法

添加监听：xx.on([evtName], function(e){});

移除监听：xx.off([evtName], function(e){});

事件驱动对象

因为View.js的工作单位是视图，所以每个视图实例均支持事件驱动。同时，为便于开发者从宏观上控制视图表现，View框架也添加了事件驱动支持，亦即，变量：window.View 也支持 on(evtName, handle), off(evtName, handle) 方法。

如：

/* 实例监听 */
var view = View.ofId("home-page");
view.on("enter", function(e){
	view.logger.debug("视图进入");
});

/* 宏观监听 */
View.on("beforechange", function(e){
	console.log(e.sourceView.id + " -> " + e.targetView.id);
});