Mithril.js 入门介绍

最新推荐文章于 2025-01-10 11:02:10 发布

最新推荐文章于 2025-01-10 11:02:10 发布 · 651 阅读

文章标签：

#javascript #mithril #flarum #ViewUI

本文介绍了Mithril.js，一个轻量级的JavaScript MVC框架，它体积小，易于学习，拥有丰富的特性，如虚拟DOM、层次化的MVC组件等。

//model 模型
var Page = {
	list: function() {
		return m.request({method: "GET", url: "pages.json"});
	}
};

var Demo = {
	//controller 控制器
	controller: function() {
		var pages = Page.list();
		return {
			pages: pages,
			rotate: function() {
				pages().push(pages().shift());
			}
		}
	},

	//view 视图
	view: function(ctrl) {
		return m("div", [
			ctrl.pages().map(function(page) {
				return m("a", {href: page.url}, page.title);
			}),
			m("button", {onclick: ctrl.rotate}, "Rotate links")
		]);
	}
};


//initialize 初始化
m.mount(document.getElementById("example"), Demo);

Mithril.js 是一个客户端的 JavaScript MVC 框架。

轻量级