设计技术

image.png

一、项目结构

1.项目架构

根据业务组织项目结构

2.项目组件结构设计

怎么管理组件,才能不乱套

二、组件设计与封装

3.组件抽象及复用

抽离组件的思路

4.组件封装与配置

怎么实现封装可配置组件

5.模型层抽象与引用

数据请求与格式化抽离出来

三、工具函数封装

6.工具函数抽离

把工具函数从某个组件中抽离出来,实现全局使用

四、数据请求、缓存、管理

7.数据请求与格式化

封装axios,将接收到的数据进行格式化

8.数据缓存

将数据用前端代码缓存,例如选项卡

9.vuex 中央状态管理器

不能盲目使用vuex,如何合理设计vuex

10.组件缓存机制

利用vue进行组件缓存

五、路由导航

11.单页面路由

六、组件间数据传递

12.组件间传值

父子组件、兄弟间组件传值。
不同组件间合理使用对应传值方法