文章4：vue（1）

一、前言概述

• 前言：最进刚刚了解了前端的三大框架vue、angular、react，简单谈谈对三大框架的认识；

  1. 对于vue，目前在国内十分受欢迎，国外还是比较喜欢其他框架，react国内也有许多公司使用。了解一门框架首先知道为什么产生，框架是什么样是东西，为什么需要用到他以及如何正确用好它。
  2. vue是一个渐进式的框架：渐进式就是不需要使用vue提供所有的功能，比如任何一个html文件只需要引入vue.js文件就可以使用vue的功能（vue有哪些功能，等下一一介绍），引入vue.js文件就相当于为该html文件中添加一个Vue对象；
  3. Vue对象：Vue对象中包含两个部分（1）Vue()构造函数，可以通过该方法生成无数个Vue的实例;(2)prototype原型对象：该对象中存在许多个实例方法，也即Vue的任何一个实例都可以使用原型对象中方法

  4. vue的实现的原理：采用的是MVVM设计模式实现三部分：

     • model：模型中存储的都是数据
     • view ：视图中显示数据
     • modelview：实现业务逻辑处理

  5. 两大核心系统：监听系统与虚拟DOM树

     • 监听系统：vue框架为model（也即就是下方代码中data中的数据）中的变量都添加了一对get/set方法，有点类似es5中的访问器属性【访问器属性不能直接定义，要通过Object.defineProperty()这个方法来定义。】，当试图修改model中的数据时，vue自动调用set方法，获取数据时，又自动调用get方法

     • 虚拟DOM树：当试图修改model中的数据时，此时虚拟DOM树要做的事就是遍历虚拟DOM树找出视图中绑定该数据的部分，并且更新真实DOM树（前提：该DOM树必须被监视（如下方的代码中：el:"#app"）,也即就是只有在id为app的节点下的节点被监视

       //代码：
       var vm = new Vue({
       el:"#app",
       data:{
       uname:"field",
       age:20
       },
       methods:{
       
       }
       })

未完待续（第一次写文章给自己看的）