设计技术一、项目结构1.项目架构2.项目组件结构设计二、组件设计与封装3.组件抽象及复用4.组件封装与配置5.模型层抽象与引用三、工具函数封装6.工具函数抽离四、数据请求、缓存、管理7.数据请求与格式化8.数据缓存9.vuex 中央状态管理器10.组件缓存机制五、路由导航11.单页面路由六、组件间数据传递12.组件间传值 设计技术 一、项目结构 1.项目架构根据业务组织项目结构 2.项目组件结构设计怎么管理组件,才能不乱套 二、组件设计与封装 3.组件抽象及复用抽离组件的思路 4.组件封装与配置怎么实现封装可配置组件 5.模型层抽象与引用数据请求与格式化抽离出来 三、工具函数封装 6.工具函数抽离把工具函数从某个组件中抽离出来,实现全局使用 四、数据请求、缓存、管理 7.数据请求与格式化封装axios,将接收到的数据进行格式化 8.数据缓存将数据用前端代码缓存,例如选项卡 9.vuex 中央状态管理器不能盲目使用vuex,如何合理设计vuex 10.组件缓存机制利用vue进行组件缓存 五、路由导航 11.单页面路由 六、组件间数据传递 12.组件间传值父子组件、兄弟间组件传值。不同组件间合理使用对应传值方法