vue相关的三大流行框架

vue.js相关的三大流行框架

 

 

 

 

 

 

 

 

Vue概述：

MVX模式简介，Vue框架简介，Vue.js的安装与使用。

Vue基础语法：

实例对象，生命周期，模板语法，计算属性，methods方法

Vue渲染：

列表渲染，条件渲染

Vue事件与表单：

事件处理，事件对象，事件委派，表单处理

MVX模式简介：MVX框架模式：MVC+MVP+MVVMMVC:Model模型+View视图+Controller控制器

View通过Controller和Model联系，Controller是View和Model的协调者，View和Model不直接联系。用户通过控制器Controller来操作模板从而达到视图view的变化。

MVP是通过MVC模式演变而来，都是通过Controller/Persenter负责逻辑的处理+Model提供数据+View负责显示。

MVC为View，Controller，Model三部分。

MVP理解：Presenter包含UI的处理逻辑，负责与View和model通讯，Model为数据和数据的处理逻辑，只能与Persenter通讯，View负责呈现只能与Persenter通讯

MVVM组成：

View，展示UI，Model为数据模型，ViewModel视图模型负责绑定控制视图，使之Model与View关联，同时降低耦合。

MVC模式和MVVM模式

移动端应用广泛软件架构之一的模式：MVC模式。MVC模式分为三部分，Model模型，View视图，Controller控制器，MVC模式的过程。

将View层展示给用户，通过HTML页面接收用户动作，将指令传递给Controller，触发的业务传递给Controller，Controller完成业务逻辑。

MVC模式执行过程：

 

MVVM模式：

MVVM模式是将MVC模式的Controller改成ViewModel。view的变化会自动更新ViewModel，ViewModel的变化也会自动变化到View层。

view是用来接收用户请求的，model是处理数据的，不再与view层进行交互数据，viewmodel监听view层请求的变化，ViewModel和Model层之间进行数据双向绑定，Model层监听ViewModel的变化。

 

MVC模式和MVVM模式的区别：

MVC模式，数据是单向的，由view->Controller->Model->View方向循环，而在MVVM模式中，数据是可以双向通信，核心是ViewModel对象。

 

Vue.js是一套用于构建用户界面的渐进式JavaScript框架，与其它大型框架不同的是，Vue设计为可以自底向上逐层应用，Vue的核心库只关注视图层。

目录结构：

build:项目构建相关代码

config:配置目录，包括端口号等

mode_modules:npm加载的项目依赖模块

src:assets:放置一些图片，components:目录里面放了一些组件文件，App.vue项目入口文件，main.js：项目的核心文件。

static:静态资源目录

test:初始测试目录

index.html：首页入口文件

package.json:项目配置文件

Vue框架简介：

Vue是一套构建用户界面的渐进式框架，Vue只关注视图层，采用自底向上增量开发的设计，Vue的目标是通过API实现数据绑定和组合视图组件。

Vue框架的好处：

数据绑定，指令，轻量级，插件化。

Vue掌握Vue基础知识，Vue框架基础语法，Vue开发工具，Vue组件，Vue模块化开发，Vue工程工具，npm/yarn和webpack开发工具，Vue CLI开发工具，Express服务器开发和axios网络请求，创建Express应用程序，axios发送AJAX请求，Postman插件，Vue路由，单页面应用SPA，vue-router实现路由机制，Vuex状态管理，本地存储，Vue UI库，Vue中的UI库。

三大主流框架：

主流的MVVM框架有Angular,React和Vue.js。

Angular是谷歌推出的MVVM框架，功能强大，含有模板，数据双向绑定，路由，模块化，服务，自带了丰富的Angular指令，由谷歌维护。React是由Facebook推出的JavaScript库，Vue.js是于2014年开发的MVVM框架。

vue.js的安装

vue.js的下载地址为

https://vuejs.org/js/vue.js

安装地址：

https://cn.vuejs.org/v2/guide/installation.html

一为：在vue.js的官网上直接下载vue.min.js并用标签引入。

二为：利用CDN方式引入Vue.