【前端骚操作】Mithril.js的m.mount函数

mount

系列篇

这个函数是基础函数之一，用来将 vnode 渲染成真实 DOM，并且可以数据驱动页面自动刷新（不可自动刷新的是 m.render）。

用法：

m.mount(element, Components)

参数	类型	必选	描述
element	DOM	yes	document.body（优选，就是 DOM）
Components	vnode	Array	yes
返回值	undefined	no	无返回值

实例

渲染 vnode

const App = {
	view() {
		return m('div', 'im div')
	}
}

m.mount(document.body, App)

渲染 vnode 数组

const Head = {
	view() {
		return m('header', 'im head')
	}
}

const Main = {
	view() {
		return m('main', 'im main')
	}
}

const Foot = {
	view() {
		return m('footer', 'im foot')
	}
}

m.mount(document.body, [
	m(Head),
	m(Main),
	m(Foot),
])

优点

1. 自动绑定数据更新
2. 简单理解
3. 直接渲染在想要的区域，比如 body，不需要再桥一层。

---

欢迎关注，如有需要 Web，App，小程序，请留言联系。