实战项目

能过一个实战项目,我们可以把Vue相关的知识点窜起来,让我们具备 Vue基础作战能力。 一个完整的项目,需要用到的知识点有:vuevue-routeraxiosvuex。 目前针对移动端,我们使用的是 vux 前端UI组件库。

目录结构规划

一个完整的项目,在准备开始之前,需要对整个项目的目录结构有一个合理的规则,让所有成员在此项目的基础上进行开发。 从全局角度而言,我们把项目的目录结构分成以下几部分:

  • 视图层(views)
  • 路由(router)
  • vuex状态管理(store)
  • API请求(service)

项目评估

简单

  • 过滤器(filter):通过自定义过滤器,可以快速将数据转化成我们需要的格式
  • 组件(components)+ 插槽(slot):组件里面使用插槽,可以让组件变得更灵活和易用
  • proxyTable:解决开发环境的跨域问题

中等

  • vuex状态管理:vuex让多组件共享状态,它大量的使用ES6语法以及vuex自身的语法规则,是整个开发中的一块硬骨头。
  • vue-router:vue路由的强大和细节,通过合理的配置,最终使得整个项目变得稳健和易用。

难点

  • 会员权限:整个项目中最耗时,也是最具挑战性的一个难点。
  • 系统架构:合理的规划网站结构,让开发变得灵活以及后期维护的方便,是整个项目中的重中之重。

results matching ""

    No results matching ""