VUE相关的复习记录-持续更新

一：axios 拦截器

 　　拦截器能够分为两种 request.interceptors.request  && axios.interceptors.response

发送请求以前拦截 request；接受请求拦截  response

　　request 能够添加请求验证，headers 和验证状态等

　　response 能够作数据格式化，和验证状态等

二：vuex 属性说明

　　state: 仓库 ，用来储存数据

　　getters: 读取states 的方法。

　　mutations： 同步更新状态

　　action： 异步更新状态

　　使用方法： 用dispatch 调用action,  action 调用mutations 达到全局状态管理。

三：vue 的生命周期及每一个阶段的区别与不一样

　　create 建立 -------- 建立vue实例并初始化

　　mount 挂载 -------- 把vue实例和视图进行关联

　　update 更新 ------- 监听数据与视图的变化

　　destroy销毁 ------- 销毁实例

　　beforecreate：在实例初始化以后，数据观测（data observer）和event/watcher事件配置以前调用，里面的this指向实例

　　created：实例已经建立完成以后被调用。在这一步，实例已完成如下的配置；数据观测（data observer),属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，还未与页面关联起来，$el属性目前不可见。可在这阶段进行一些初始化的操做（如ajax获取数据之类的）

　　beforemount：在挂载以前没调用，解析模板，把实例对象下的$el属性指向设置中的el参数指定的元素，这个解析后的模板尚未和$el进行绑定

　　mounted：挂载以后调用，把解析后的模板与页面元素进行绑定，用解析后的模板内容替换页面

　　beforeupdate在数据绑定以前被调用

　　updated在数据改变以后被调用，能够进行依赖于dom的操做（能够在这个阶段进行dom操做）

　　activated 被 keep-alive缓存的组件激活时调用。

　　deactivated 被keep-alive 缓存的组件停用时调用。

四：VUE的双向绑定

　　vue2.0 建立 Vue 实例时,vue 会遍历 data 选项的属性，采用数据劫持，经过Object.defineProperty() 来劫持各个属性的setter，getter,在数据变更时，结合发布者-订阅者模式的方式，发布消息给订阅者，触发相应的监听回调。

　　vue3 则是利用proxy代理对象进行的，不在须要遍历对象

五：webpack 基础知识

　　entry： 指定入口

　　output： 打包入口， 定义如何输出的选项

　　loader： 处理非JS文件

　　plugins:  插件配置

　　module: 模块相关配置

　　reslove: 解析模块可选项

六：vue相关 常见原理

　　computed： 计算属性。相似于watch。 当computed 依赖的状态发生改变时，变会通知computed，而后进行新的最终的值计算，若是发生改变则会触发watcher 进行从新渲染

　　watch:  监听器： 更多的做用是观察，不具备缓存性，在某些属性变化后，进行回调后的后续操做

  　 nextTick： 因为js 是单线程的，全部同步任务都在主线程进行，除主线程外，还存在一个任务队列，当主线程结束后，便会执行这个任务队列.

　　data: 组件中，必须是一个函数。因为组件是能够复用的。相似于加上一个做用域，不然多组件会产生数据污染。

       Vue 事件机制,手写$on(提交),$off(注销),$emit(),$once(执行一次)