https://github.com/javey/intact
An inheritable and strong logic template front-end mvvm framework.
https://github.com/javey/intact
mvvm-framework virtual-dom
Last synced: 7 months ago
JSON representation
An inheritable and strong logic template front-end mvvm framework.
- Host: GitHub
- URL: https://github.com/javey/intact
- Owner: Javey
- Created: 2015-07-06T08:52:03.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2024-04-12T09:46:42.000Z (about 2 years ago)
- Last Synced: 2024-04-12T14:46:13.205Z (about 2 years ago)
- Topics: mvvm-framework, virtual-dom
- Language: JavaScript
- Homepage: https://javey.github.io/Intact
- Size: 9.99 MB
- Stars: 56
- Watchers: 2
- Forks: 7
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Intact
[文档 Documents](http://javey.github.io/Intact/#/document/start)
## 简介
Intact作为一个可继承，并且拥有强逻辑模板的前端MVVM框架，有着如下特色：
1. 充分利用组合与继承的思想，来最高限度地复用代码
2. 同时支持数据驱动和组件实例化调用，来最便捷地实现功能
3. 强逻辑模板，赋予模板更多功能和职责，来完成业务逻辑和表现逻辑分离
## 安装
### 通过script标签引入
请通过`npm`、`bower`或者直接到github上下载源码包。其中
[`dist/intact.js`](https://raw.githubusercontent.com/Javey/Intact/master/dist/intact.js)
为UMD方式打包的文件，直接通过script引入会暴露全局变量`Intact`。
```html
```
### NPM
在大型项目中，一般都会使用webpack构建，通过npm包管理器来管理项目依赖。
```bash
npm install intact --save
```
## 使用
```js
var App = Intact.extend({
defaults: {
name: 'Intact'
},
template: '
Hello {self.get("name")}!'
});
```
通过`Intact.mount`方法，可以将该组件挂载到指定元素下。
```js
window.app = Intact.mount(App, document.getElementById('app'));
```
## 许可
MIT