vue相关集锦收集(一)

1.v-if和v-show的区别
本质使用的区别:
v-if是动态的向DOM树中添加和删除DOM元素
v-show是修改css样式的display
编译实现的过程:
v-if是切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件.
v-show是基于css属性的切换
性能方面:
v-if不停的销毁与创建,有更高的切换的消耗，不适合做频繁的切换
v-show只编译一次,之后都是css的控制执行,有较高的初始渲染消耗，适合做频繁的切换
2.vue的生命周期
vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期.总得来说就是实例的创建和销毁这段时间.
vue生命周期里的八个生命周期钩子函数:
beforeCreate()
created()
beforeMount()
mounted
(
beforeUpdate()
updated()
)
beforeDestroy()
destroyed()
3.数据双向绑定
数据劫持（vue.js）
…透过MVVM模式实现vue的双向绑定数据。 首先需要一个监听器Observer监听数据(model)的变化,具体实现是利用Observer中Object.definePrototype()函数实现监听数据。
…当数据发生变化就通知订阅者Watcher通知并执行绑定的更新函数,从而更新视图。 最后需要一个Compile解析器,解析V-model、V-on等节点,绑定对应的更新函数并初始化这类节点的模板数据
数据双向绑定还有:
1-发布者-订阅者模式（backbone.js）
2-脏值检查（angular.js）
4.promise理解
1、主要用于异步计算
2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果
3、可以在对象之间传递和操作promise，帮助我们处理队列.
promise是一个对象，对象和函数的区别就是对象可以保存状态，函数不可以（闭包除外）并未剥夺函数return的能力，因此无需层层传递callback，进行回调获取数据.
5.vue.nextTick()
… 由于Vue DOM更新是异步执行的,即修改数据时,视图不会立即更新,而是会监听数据变化并缓存在同一事件循环中,等同一数据循环中的所有数据变化完成之后,再统一进行视图更新。为了确保得到更新后的DOM,所以设置了 Vue.nextTick()方法.
… vue.nextTick()是Vue的核心方法之一,官方文档解释如下:
在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM.