VUE.JSVue.js 入门Vue.js 入门

    (1).MVC:    

        [1]. 背景:Web项目需求日益复杂,为了使项目简化,采用了MVC架构,实现了前端UI展示,    

             与后端业务逻辑处理的完全分离,利于前后端开发人员分工协作,提升效率    

        [2]. MVC:是Model-View-Controller的缩写;    

        [3]. M:Model,模型,主要处理与数据库相关的业务逻辑;    

             V:View,视图,主要负责数据在客户端/浏览器上的展示;    

             C:Controller:控制器,视图与模型之间传递消息,例如接受请求,选择模型,渲染视图等;    

        [4]. MVC基本的运行流程是:    

             1. 视图发起请求-->控制器接收请求-->转发给对应模型处理-->模型将结果返回到控制器-->控制器返回到视图;    

             2. 简单描述: View-->Controller-->Model-->Controller-->View, 即 V-C-M-C-V;    

             3. 整个过程是封闭的,单向的,视图与模型之间不允许直接直接通讯,必须通过控制器进行;    

        [5]. MVC开发的基本原则:    

             1. 需要服务器端配合,模型Model与控制器Controller都在服务器端完成;    

             2. 服务器处理过的数据,必须通过JavaScript在前端进行渲染;    

             2. '厚模型,薄控制器',业务逻辑尽可能写到模型中,控制器仅调用模型提供的接口即可;    

    (2).MVVM:    

        [1].随着前端页面开发越来越复杂,用户与数据的交互也越来越频繁,而很多交互都是临时性的,没有必要每一次都要    

            和服务器中的模型对象进行交互,但是传统的jQuery等函数库又力不从心,这时MVVM模型就应运而生啦。    

        [2].MVVM: 是Model-View-ViewModel的缩写;    

            M:Model层, V:View层, VM: ViewModel层;    

        [3].Model:JavaScript对象/模型, View:HTML代码/模板,各司其职,完全分离    

        [4].VM层:负责Model与View之间的交互,完全使用JavaScript进行编写;    

        [5].基本流程: VM层根据Model数据来更新View,或者根据View来更新Model,这个过程是双向的,即双向数据绑定;    

        [6].服务器端只负责更新Model即可,而Model就是一个JavaScript对象,所以服务器只需要返回可被Model解析的    

            数据即可,例如:json,html等,这样就完全实现了面向接口/API编程。    

        [7].Vue.js就是一个完全采用了MVVM机制的前端开发框架,采用从底层向上的渐进式开发思想,易学易用!