Intact作为一个可继承,并且拥有强逻辑模板的前端MVVM框架,有着如下特色:
- 充分利用组合与继承的思想,来最高限度地复用代码
- 同时支持数据驱动和组件实例化调用,来最便捷地实现功能
- 强逻辑模板,赋予模板更多功能和职责,来完成业务逻辑和表现逻辑分离
请通过npm
、bower
或者直接到github上下载源码包。其中
dist/intact.js
为UMD方式打包的文件,直接通过script引入会暴露全局变量Intact
。
<script src="/path/to/intact.js"></script>
<!-- 或者通过cdn -->
<script src="//unpkg.com/intact"></script>
在大型项目中,一般都会使用webpack构建,通过npm包管理器来管理项目依赖。
npm install intact --save
var App = Intact.extend({
defaults: {
name: 'Intact'
},
template: '<div>Hello {self.get("name")}!</div>'
});
通过Intact.mount
方法,可以将该组件挂载到指定元素下。
window.app = Intact.mount(App, document.getElementById('app'));
MIT