Aimee-page

---

UZ构建工具page模块，用于生成Aimee-page的类，依赖Zepto or jQuery v2+，可选依赖mock.js

Aimee-app

// Aimee-page由3个基本文件1个可选文件组成
home
├── home.jade 			// page的jade模板，构建过程中会被编译成amd模块进行调用
├── home.js 			// page功能js文件
├── home.json.js 		// page模拟数据，基于mock规则，用于测试
└── home.less 			// page的样式文件，可选，一般用不着

// 基本使用，定义一个 aimee-page
var Page = require('page');
var page = new Page;
var mock = require('mock').mock;

page.extend({
    name: 'home',
    mock: mock(require('./home.json')),
    template: require('./home.jade'),

    bind: function(){
        // 多app调用
        this.exports('header footer teamCard', function(app){
            app.render();
        })

        // 独立app调用
        this.exports('nav', function(app){
            app.attr('className', 'skin-white').render(page.mock.home);
        })

        // 独立app调用
        // app基于Aimee-app生成
        this.exports('nav', function(app){

            // app渲染前执行
            app.on('before', function(data){
                return data
            })

            // app渲染后执行
            app.on('after', function(element){
                
            })

            app.attr('className', 'skin-white').render(page.mock.home);
        })

        // require直接调用app，不会被关联到页面对象上，不利于调试，推荐上面示例调用方式
        require('nav').render()
    }
});

module.exports = page;