1.vue.js
2016年火热的框架,一款渐进式的前端开发框架,因为是中国人开发的,所以中文文档写的也十分不错。整体来说比较简单易学,很好上手,但是深入比较有难度
2.vue-router
vue全家桶的一员,为vue框架提供前端路由功能,比较简单,但也够用了
3.sea.js
前端模块化工具,可以动态的加载所依赖的模块,遵循CMD规则,十分简单,只要定义define()即可声明一个模块,通过require()即可引入一个模块,十分容易上手。但是这应该是一个已经落后的东西了吧?
整体架构说明
vue-router实现前端路由,每个页面对应一个vue组件,使用sea.js来实现动态按需加载。
整体目录结构为:
目录
|—css(全局需要使用的css文件)
|—img(图片)
|—lib(依赖的第三方类库,如vue.js,vue-router.js,sea.js)
|—js
|||||||—ajax.js(所有与后端交互的接口js代码)
|||||||—app.js(入口js)
|||||||—router.js(路由js)
|||||||—module(组件)
||||||||||||||||||||—component(组件名)
||||||||||||