Vue项目优化

Vue项目优化？听说面试会有这个！

没办法！搞起来！

书写习惯

---

1. 数据规格化(不需要做响应式的数据不要放到data中)

不要把所有的数据都放到data中，只把你需要做响应式的数据放到data中。

如果一个数据放到了data中，vue会给这个数据添加一个getter和setter，当你获取数据调用getter，当你设置数据调用setter，性能不高。

具体内容可以参照vue中是如何实现MVVM(我还没写，点了没用(〃‘▽’〃))

2. SPA(Single Page web Application)(单页应用)

单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。vue、react都是单页应用的一种，只有一个index.html，加载js,使用其中的路由。

路由跳转刷新可能会数据丢失，刷新的等待时间对用户也不友好，使用其中的keep-alive ，可以实现组件的缓存，把组件中的结构和数据全部缓存到内存，问题解决。
SPA不利于SEO(搜索引擎优化,就是爬虫)，可以使用SSR(服务器渲染)解决。

3. 组件颗粒化

组件是vue中的可复用的实例，我们应该尽可能得将组件拆分：
1) 提高代码利用率