sea.js

1. 什么是sea.js

1. Seajs是一个模块加载器
2. 遵循 CMD 规范模块化开发，依赖的自动加载、配置的简洁清晰。
3. 兼容性

• Chrome 3+
• Firefox 2+
• Safari 3.2+
• Opera 10+
• IE 5.5+

2. 如何使用

1. 去官网下载最新的seajs文件http://seajs.org/docs/#downloads
2. 在页面引入seajs：

<script src="/site/script/sea.js"></script>

3. 配置入口文件

	<script type="text/javascript">
			seajs.use('./entry.js');
	</script>

4. 用define函数定义模块

'use strict';
define(function (require, exports, module) {
	var router = require('./routes');
	var app = new Vue({
		el: '#app',
		router: router
	});
});

5. 路由配置

'use strict';

define(function (require, exports, module) {

	var router = new VueRouter({
		routes: [
			{
				path: '/route',
				component: function component(resolve, reject) {
					require.async(['../js/js路径'], function (res) {
						resolve(res);
					});
				}
			},

6. 组件使用

'use strict';

// 定义组件
define(function (require, exports, module) {
	//  行权
	var index= require('../template/index.html');
	var component1= require('./component1');
	module.exports = {
		// 引入模板
		template:index,
		data: function () {},
		components: {
			component1: component1
		}
	}
}