计算属性

1、 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护 ；

2、 在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。

3、计算属性禁用箭头函数 ；

4、计算属性自带缓存机制；

SPA

• 传统模式 每个页面及其内容都需要从服务器一次次请求 如果网络差, 体验则会感觉很慢；
• spa模式, **第一次**加载 会将所有的资源都请求到页面 **模块之间切换**不会再请求服务器；

1. 优点；

   • 用户体验好,因为前段操作几乎感受不到网络的延迟；
   • 完全组件化开发 ,原来属于一个个页面的工作被归类为一个个**组件**.；

2. 缺点；

   • 首屏加载慢->按需加载 不刷新页面 只请求js模块
   • 不利于SEO->服务端渲染；
   • 开发难度高(框架) ；

3. 实现原理；

   * 可以通过页面地址的锚链接来实现spa;* hash(锚链接)位于链接地址 `#`之后;* hash值的改变`不会触发`页面刷新;* hash值是url地址的一部分,会存储在页面地址上 我们可以获取到;* 可以通过`事件监听`hash值得改变;* 拿到了hash值,就可以根据不同的hash值进行不同的`模块切换`;