vue.js+vue-router+sea.js构建SPA应用

本文介绍了使用vue.js、vue-router和sea.js构建单页应用(SPA)的过程。vue.js作为渐进式框架,简单易学但深入复杂;vue-router提供了前端路由功能;sea.js作为前端模块化工具,实现按需加载。整体架构中,vue-router对应页面组件,sea.js负责动态加载。虽然sea.js可能导致加载量增加,但降低了项目入门难度。总结指出,对于中小型项目,该架构是易于上手的选择,但对于大型项目,建议使用vue全家桶配合node.js以减少请求量并提高性能。
摘要由CSDN通过智能技术生成

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(组件名)
||||||||||||

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值