VueJs第1天

Posted 2021-02-02 moyuchen99

Vue.js是一个轻巧的、高性能、可组件化的MVVM库。

Vue是一套用于构建用户界面的渐进式框架
渐进增强（progressive enhancement）：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时，它们会自动地呈现出来并发挥作用。）
优雅降级（graceful degradation）：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
（Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了，为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。）

不适合SEO、交互频繁的交互体验网站
适合有大量数据增删改查的网站

单页面应用程序SPA
网站的交互方式:
经典的多页面 -->页面跳转
现代式的单页面 -->局部刷新

    多页面:
        前后端糅合在一起,开发和维护效率低下
        用户体验一般,点击刷新跳转,等待时间过长
        每个页面都需要重新渲染,速度慢
        有利于SEO搜索引擎搜索
    单页面:
        开发方式好,前后端分离,开发效率高,可维护性好
            服务端不关心页面,只关心数据
            客户端不关心数据库及数据操作,只关心通过接口拿数据和服务端交互,处理页面.
        用户体验好,就像一个原生的客户端软件一样使用
        只需要加载渲染局部视图即可,不需要整页刷新
        单页面应用开发复杂,所以诞生了一堆的开发框架
            AngularJS
            ReactJS
            VueJS
        无法兼顾低版本浏览器
        不会被搜索引擎搜索到,不利于SEO
    
    多页面:以服务端为主导,前后端相分离
    单页面:前后端分离,各司其职
          -------接口-------->
     前端                    服务端
          <------返回数据-----