Vue入门,day1

一:什么是Vue

    1. Vue.js是当前最主流的前端框架之一,与Angular.js和React,js三者并称三大前端主流框架(ps:鄙人只稍微接触react,其余一点也不熟悉)。

    2.Vue.js是用于构建用户界面的框架,只关注视图层,所以适合上手,它也可以与第三方库和已有的项目进行整合,这与本人之前一直使用的node.js有异曲同工之处,虽然node.js可以说是后端语言,但是node.js确实是Vue.js的基础,前提是你想转全栈。

    3.Vue.js主要负责MVC中的V(view),也就是与界面打交道。

二:MVC与MVVM的关系图解

1.mvc

(1).mvc是后端分层开发概念,它将应用程序(网站)分成Model,View与Controller三层,View层是界 面,Controller层是业务逻辑,Model层是数据库访问。组成与功能如下图所示:

Vue入门,day1_第1张图片

2:MVVM

    MVVM是前端试图层的分层开发思想,它将每个页面分成M,V与VM三层,其中VM层是MVVM思想的核心,VM 是V与M之间的调度者,它的结构如下:


Vue入门,day1_第2张图片

    其中,View一般就是我们平常说的HTML文本的Js模板,里面可以嵌入一些js模板的代码,比如Mustache,比如jstl类似的模板伪代码

    ViewModule层里面就是我们对于这个视图区域的一切js可视业务逻辑,举个例子,比如图片走马灯特效,比如表单按钮点击提交,这些自定义事件的注册和处理逻辑都写在ViewModule里面了

    Module就更简单了,就是对于纯数据的处理,比如增删改查,与后台CGI做交互。

你可能感兴趣的:(Vue入门,day1)