Vue前端架构：如何实现组件与封装的最佳实践？

本文共计2674个文字，预计阅读时间需要11分钟。

组件封装+在上一篇记录中，首页中存在大量代码，为避免代码臃肿，需要对主要功能模块进行，使代码看起来更简洁，并能进行复用。+后，还增加了些小功能，加入了修改。

组件封装

在上一篇记录中，首页中有太多的代码，为了避免代码的臃肿，需要对主要的功能模块拆分，来让代码看起来更简洁，且能进行复用。

拆分后还加了些小功能，加入了修改 title 的代码，修改方式参考vue 动态修改 title。

还增加了当前请求的页面缓存，使用状态管理器处理。监听路由，保存到 state 中，来处理的。 如何监听可参考vue 计算属性和监听属性。