Vue.js学习笔记一:入门 | vue controller
前言 vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库。 MV*可能大家都经常听说,我们先来理解一下MV*的概念。出现的背景 MVC开始是存在于桌面程序中的,但由于后端的mvc框架的v层越来越重,后端的MVC思想就搬移到了前端。随着前端代码越来越重,能力越来越大,重前端的系统越来越多地涌现出来。前端为主的MV*时代中,前端在MVC的结构指导下分为model(模型),view(视图),controller(控制器)三部分。而controller慢慢演化为presenter和viewmodel。MVC,MVP,MVVM框架不断涌现。MVC,MVP,MVVMMVC(model-view-...
前言vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库。 MV*可能大家都经常听说,我们先来理解一下MV*的概念。
出现的背景MVC开始是存在于桌面程序中的,但由于后端的mvc框架的v层越来越重,后端的MVC思想就搬移到了前端。随着前端代码越来越重,能力越来越大,重前端的系统越来越多地涌现出来。前端为主的MV*时代中,前端在MVC的结构指导下分为model(模型), view(视图), controller(控制器)三部分。而controller慢慢演化为presenter和viewmodel。MVC, MVP, MVVM框架不断涌现。
MVC, MVP, MVVMMVC(model-view-controller),如backbone, angular(较高版本是mvvm, 也许说它是MVW更准确)。 View: 与页面上元素直接相关的部分,包括html,CSS和一部分直接控制页面元素的JS。它可以从Model中得到数据,并将其显示到页面上。 Model: 与后端的沟通、AJAX请求以及对数据的处理。Model本身不知道谁是View,谁是Controller。它只提供一些方法供View和Controller调用,并且将变更通知给它的观察者。 Controller: Model和View的粘合剂。Controller将View方面的请求转发给合适的Model,作为Model的观察者,获取Model的变更,在必要时更新View。
MVP(model-view-presenter)使用此模型的框架不多,现在几乎倒向MVVM。MVP 模式将 Controller 改名为 Presenter,同时改变了通信方向。 Presenter,与Controller一样,接收View的命令,对Model进行操作;与Controller不同的是Presenter会反作用于View,Model的变更通知首先被Presenter获得,然后Presenter再去更新View。
MVVM(model-view-viewmodel)如Vue.js。将Controller改为ViewModel。它与MVP的区别是,它采用双向绑定(...