vue生命周期、双向绑定

生命周期：

• 在beforeCreate和created钩子函数之间的生命周期： 初始化事件，进行数据的观测 created的时候数据已经和data属性进行绑定（放在data中的属性当值发生改变的同时，视图也会改变）。

• created钩子函数和beforeMount间的生命周期 首先会判断对象是否有el选项（挂载的dom接点）。如果有的话就继续向下编译，如果没有el选项，则停止编译， 也就意味着停止了生命周期，直到在该vue实例上调用vm.$mount(el)

• beforeMount和mounted 钩子函数间的生命周期 给vue实例对象添加$el成员，并且替换掉挂在的DOM元素

• beforeUpdate钩子函数和updated钩子函数间的生命周期 当vue发现data中的数据发生了改变，会触发对应组件的重新渲染，先后调用beforeUpdate和updated钩子函数

• beforeDestroy钩子函数在实例销毁之前调用。在这一步，实例仍然完全可用。

• destroyed钩子函数在Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定， 所有的事件监听器会被移除，所有的子实例也会被销毁。

vue双向绑定原理：

通过数据劫持结合发布者-订阅者模式实现的 用 Object.defineProperty重写set和get函数来实现数据劫持

发布者-订阅者模式：

1.实现一个监听器Observer，用来监听所有属性，如果有变动的，就通知订阅者。

2.实现一个订阅者Watcher，可以接收属性的变化通知并执行相应的函数，从而更新视图。

var：变量提升（无论声明在何处，都会被提至其所在作用于的顶部） let：无变量提升（在let声明语句之前，是无法访问该变量的） const：无变量提升，声明一个基本类型的时候为常量，不可修改；声明对象可以修改