202108-09 vue

108 阅读1分钟
  1. 生命周期是为了让业务更具有逻辑性 创建 加载 更新 销毁

  2. compited有依赖,是一对多,依赖的变量变化才会重新计算,watch是一对一,data里任何一个变量修改都会调用watch方法

  3. 数组赋值,对象添加属性 $set

  4. keep-alive include exclude 生命周期 activated deactived

  5. data里定义的变量是双向绑定的,create或者mounted定义的变量是死值。

  6. nextTick现在是微任务,会优先调用,是dom更新完成的回调。

  7. 2.0-2.4是微任务,但是在事件冒泡时候与其他微任务有冲突,所以2.5版本改成通过setImmediate变成宏仁务,但是渲染及动画太慢,所以再2.52版本改成了宏微并行,最终在2.6以后改为微任务

  8. 路由守卫 判断路由跳转前的操作,before after 参数to from next

  9. vue3的组合api是为了更好的复用组件逻辑

  10. vue的hash是常用的,路由里带#号,是单页面路由跳转,history是会把路由地址当成接口请求的地址,需要后端配合做映射,所以hash常用

  11. diff算法之前是递归比较,优化后改成同级比较

  12. 父子组件加载顺序,父组件beforemounted后子组件加载到mouned后再执行父组件的mounted

  13. es6常用 include是否包含,解构赋值,参数默认值,箭头函数,map set reduce proxy

  14. set转数组 Array.from(set) ...展开 forEach循环

  15. axios也是封装的promise