vue（1）

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:{
       
       }
       })

未完待续（第一次写文章给本身看的）