1. 什么是vue.js?
  1.1、vue.js是目前最火的一个前端框架,和Angular.js、React.js并称为前端三大主流框架。
  1.2、Vue.js是有一套构建用户界面的框架,只关注视图层,它有配套的第三方类库,可以整合做大型项目。
2、为什么要学习流行框架?
  2.1、提高开发效率。
    2.1.1、原生js API存在兼容性问题,这样我们在开发的过程中还需要考虑不同浏览器的兼容性,后来就出现了jquery,它很大的程度上解决了
       浏览器的兼容性问题,但是我们仍会频繁的操作DOM元素,所以又出现了模板引擎,优化了这一问题(减少对DOM的操作),如果数据量
       较多的时候,利用模板引擎渲染界面的数据,会降低浏览器的性能。所以出现了前端框架(Angular.js/Vue.js)。
  2.2、前框框架的优势(Angular.js/Vue.js)
    2.2.1、能够帮助我们减少不必要的DOM操作,提高渲染率。
    2.2.2、双向数据绑定的概念,通过框架提供的指令,我们只关心数据的业务逻辑问题即可。
    2.2.3、vue.js的核心是让开发人员不再使用DOM元素,而更多的是关注业务逻辑。
3、MVC和MVVM之间的关系。
  3.1、MVC是后端分层的开发思想,MVVM是前端视图层的分层开发思想,主要是把每个界面分成了M、V、VM,其中VM是MVVM思想的核心,因为VM是M
    和V之间的调度者。
  3.2、MVC处理过程:
    3.2.1、 当用户操作界面需要进行业务处理的时候,都会用通过网络请求,这时候会被后端的app.js监听到,当app.js收到请求之后,会立即调用
      router.js模块进行路由分发给对应的业务逻辑处理层(controller),业务逻辑处理完之后,会将处理后的数据进入Model层存入数据库。
  3.3、MVVM处理过程:
    3.3.1、M层保存每个页面的单独的数据,VM是一个调度者,V是每个页面中的HTML结构。每当通过V层往M层存数据或者V层从M层取数据的时候,都要
      通过VM调度,做中间处理。
    3.3.2、前端页面使用MVVM的思想,主要是为了让开发更加方便,因为MVVM提供了双向绑定。注意:数据的双向绑定是由VM提供的。

什么是vue的更多相关文章

  1. Vue.js 和 MVVM 小细节

    MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...

  2. wepack+sass+vue 入门教程(三)

    十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助web ...

  3. wepack+sass+vue 入门教程(二)

    六.新建webpack配置文件 webpack.config.js 文件整体框架内容如下,后续会详细说明每个配置项的配置 webpack.config.js直接放在项目demo目录下 module.e ...

  4. wepack+sass+vue 入门教程(一)

    一.安装node.js node.js是基础,必须先安装.而且最新版的node.js,已经集成了npm. 下载地址 node安装,一路按默认即可. 二.全局安装webpack npm install ...

  5. Vue + Webpack + Vue-loader 系列教程(2)相关配置篇

    原文地址:https://lvyongbo.gitbooks.io/vue-loader/content/ 使用预处理器 在 Webpack 中,所有的预处理器需要和一个相应的加载器一同使用.vue- ...

  6. Vue + Webpack + Vue-loader 系列教程(1)功能介绍篇

    原文地址:https://lvyongbo.gitbooks.io/vue-loader/content/ Vue-loader 是什么? vue-loader 是一个加载器,能把如下格式的 Vue ...

  7. 关于Vue.js 2.0 的 Vuex 2.0,你需要更新的知识库

    应用结构 实际上,Vuex 在怎么组织你的代码结构上面没有任何限制,相反,它强制规定了一系列高级的原则: 应用级的状态集中放在 store 中. 改变状态的唯一方式是提交mutations,这是个同步 ...

  8. Vue.js 2.0 和 React、Augular等其他框架的全方位对比

    引言 这个页面无疑是最难编写的,但也是非常重要的.或许你遇到了一些问题并且先前用其他的框架解决了.来这里的目的是看看Vue是否有更好的解决方案.那么你就来对了. 客观来说,作为核心团队成员,显然我们会 ...

  9. 窥探Vue.js 2.0 - Virtual DOM到底是个什么鬼?

    引言 你可能听说在Vue.js 2.0已经发布,并且在其中新添加如了一些新功能.其中一个功能就是"Virtual DOM". Virtual DOM是什么 在之前,React和Em ...

  10. 初探Vue

    Vue.js(读音/vju:/,类似于view),是近来比较火的前端框架,但一直没有怎么具体了解.实现过,就知道个啥的MVVM啦,数据驱动啦,等这些关于Vue的虚概念. 由于最近,小生在公司中,负责开 ...

随机推荐

  1. 【LOJ565】【LibreOJ Round #10】mathematican 的二进制 DP 分治FFT

    题目大意 有一个无限长的二进制串,初始时它的每一位都为 \(0\).现在有 \(m\) 个操作,其中第 \(i\) 个操作是将这个二进制串的数值加上 \(2^{a_i}\).我们称每次操作的代价是这次 ...

  2. Python Installing Jupyter

    Jupyter说明jupyter notebook是一款网页版的Python编辑器组件,便于学习Python Jupyer安装yum -y install gcc gcc-c++ kernel-dev ...

  3. 【POJ 1740】A New Stone Game

    这真是一道博弈论的好题啊 还是采用OI届的惯用套路,从简单想起 如果只有一堆石子,那么一定先手必胜 如果有两堆石子,那么我们考虑如下两种情况 2.1 两堆石子数量相同,那么无论先手怎么拿,后手都有一种 ...

  4. Java多线程编程-线程之间的通信

    转载自:这里 学习了基础的线程知识 看到了 线程之间的通信 线程之间有哪些通信方式呢? 1.同步 这里讲的同步是指多个线程通过synchronized关键字这种方式来实现线程间的通信. public ...

  5. PKUWC2019爆0记

    PKUWC2019爆0记 访问量该骗的还是要骗. 1.20 坐了一天的高铁到jz了,热的一批 1.21 上午开营仪式 下午day1 打开发现有个地主斗 然后开T1 出题人你™搞笑吧放一道sb都能切的题 ...

  6. django系列3 :创建模型

    1创建模型 在我们简单的民意调查应用程序中,我们将创建两个模型:Question和Choice.A Question有问题和出版日期.A Choice有两个字段:选择的文本和投票记录.每个Choice ...

  7. Docker:容器间互联的应用zabbix监控项目 [十]

    一.docker容器间的互联 1.创建两个容器 [root@luoahong ~]# docker run -d --name luoahong httpd:latest 8f771f043391e7 ...

  8. Java使用DOM4J对XML文件进行增删改查操作

    Java进行XML文件操作,代码如下: package com.founder.mrp.util; import java.io.File; import java.util.ArrayList; i ...

  9. oldboy s21day09

    #!/usr/bin/env python# -*- coding:utf-8 -*- # 1.将函数部分知识点,整理到自己笔记中.(搞明白课上讲的案例.) # 2.写函数,检查获取传入列表或元组对象 ...

  10. LOJ #2116 Luogu P3241「HNOI2015」开店

    好久没写数据结构了 来补一发 果然写的时候思路极其混乱.... LOJ #2116 Luogu P3241 题意 $ Q$次询问,求树上点的颜色在$ [L,R]$中的所有点到询问点的距离 强制在线 询 ...