4.15加薪（Vue）笔记

1.Vue官网
2.github.com/vue.js/vue
awesome(了不起).vue

vue（构建用户界面的渐进式框架）**不兼容IE8
只关注视图层（view）
声明式渲染  组件系统 客户端路由 大规模状态管理 构建工具
用到哪个就去用 不需要全部都用上

vue的两个核心店
响应的数据绑定：
数据发生改变=》自动更新视图
利用Object.definedProperty（不兼容IE8，可以去mdn上学习下 Object.definedProperty MDN）中的setter/getter代理数据，监控对数据的操作
示例：10秒入门vue.js.html

组合的视图组件：
ui页面映射为组件树（流行的组件库：饿了吗组件库）
划分组件课维护、可重用、可重试

虚拟DOM（virtual DOM）（js运行很快，但是DOM很慢）（在js中实质就是对象嵌套对象）：会把每个标签拿出来创造出对象的形式。
旧的虚拟DOM和新的对比 只改变改变了的，以最小的代价渲染成真是的DOM

MVVM模式：
M：model 数据模型
V：view 视图模板
vm： view-model 视图模型（做的事情比较多，一方面把数据绑定，一方面监听DOM事件）

vue实例：（全部属性在官网API）
每一个应用都是通过Vue这个构造函数创建根实例（root instance）启动new Vue（选项对象）

需要传入选项对象，对象包含挂在元素，数据，模板，方法等。
el：挂载元素选择器   String|HTMLElement
data：代理数据       Object|Function
method：定义方法（这样写的好处是 把事件处理函数都放在这里 ，做到统一进行管理）     Object

vue代理data数据 ：***
  每个vue实例都会 代理 其data对象里所有的属性，这些被代理的属性是响应的，但是 *新添加*的属性就不具备相应功能，改变后不会更新按钮。


vue实例自身属性和方法：
   暴露自身的属性和方法  一$符号开头例如：$el $data、、、
eg. var vm = new Vue({});
    console.log(vm.$  )


声明式渲染：

声明式：
只需要声明在哪里 做什么  而无需关心如何实现

命令式：
则需要关注如何实现
实例：求数组中的每一项的倍数
    命令式：使用for循环拿出每一项
var arr[1,2,3,4,5];
var newArr[]'
for(var i = 0;i< arr.length;i++){
  newArr.push(arr[i]*2)
}



    声明式（vue中多是声明式渲染**？）：使用map方法。关注如何求值。
arr.map(function(item){
    return item*2;
  });