实战项目
能过一个实战项目,我们可以把Vue相关的知识点窜起来,让我们具备 Vue基础作战能力。 一个完整的项目,需要用到的知识点有:
vue、vue-router、axios、vuex。 目前针对移动端,我们使用的是vux前端UI组件库。
目录结构规划
一个完整的项目,在准备开始之前,需要对整个项目的目录结构有一个合理的规则,让所有成员在此项目的基础上进行开发。 从全局角度而言,我们把项目的目录结构分成以下几部分:
- 视图层(views)
- 路由(router)
- vuex状态管理(store)
- API请求(service)
项目评估
简单
- 过滤器(filter):通过自定义过滤器,可以快速将数据转化成我们需要的格式
- 组件(components)+ 插槽(slot):组件里面使用插槽,可以让组件变得更灵活和易用
- proxyTable:解决开发环境的跨域问题
中等
- vuex状态管理:vuex让多组件共享状态,它大量的使用ES6语法以及vuex自身的语法规则,是整个开发中的一块硬骨头。
- vue-router:vue路由的强大和细节,通过合理的配置,最终使得整个项目变得稳健和易用。
难点
- 会员权限:整个项目中最耗时,也是最具挑战性的一个难点。
- 系统架构:合理的规划网站结构,让开发变得灵活以及后期维护的方便,是整个项目中的重中之重。