阿里木哈姆扎

本文主要优化两个方面：1.优化开发体验 2.优化输出质量.优化开发体验:提升效率,优化构建速度,优化使⽤体验.优化输出质量:优化要发布到线上的代码，减少⽤户能感知到的加载时...

本文介绍React中关于useReducer的基础知识。通过一个计数器示例演示useReducer的基本用法。阅读时间约7分钟。...

因现有的Element UI的下拉框满足不了所需要的功能，这次的封装也是基于之前改版的el-select ，支持分页查询，远程搜索以及数据反显！...

一，shallowReactive 和 shallowRef shallowReactive：只处理对象最外层属性的响应式(浅响应式) shallowRef：只处理基本数据...

作用：创建一个ref对象，其value值指向另一个对象中的某个属性 语法：const name = toRef(person,'name') 应用：要将响应式对象中的某个属...

1.vue2.x生命周期: 2.vue3.0生命周期： Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有两个被更名： beforeDestroy改名为befor...

一，computed函数 与Vue2.x中的computed配置功能一致 写法: 二，watch函数 与Vue2.x中的watch配置功能一致 两个小坑: 监视reacti...

一，vue2.x的响应式 1.实现原理 对象类型：通过Object.defineProperty()对属性的读取，修改进行拦截(数据劫持)。 数组类型：通过重写更新数组的一...

1.作用:定义一个响应式的数据 2.语法 const xxx = ref(initValue) 创建一个包含响应式数据的引用对象(reference对象,简称ref对象) ...

1.对于一个Url来说，什么是hash值？--#及后面的内容就是hash值 2.hash值不会包含在HTTP请求中，即：hash值不会带给服务器 3.hash模式： 4.h...

1.作用：对路由进行权限控制 2.分类：全局路由守卫，独享路由守卫，组件内守卫 3.全局路由守卫： 4.独享路由守卫（某一个路由单独的路由守卫）： 5.组件内路由守卫（某一...

1.目的：让代码更好的去维护，让更多数据分类更加明确 2.修改store.js 3.开启命名空间后，组件中读取state数据： 4.开启命名空间后，组件中读取getters...

1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式,适用于父组件===>子组件； 2.分类：默认插槽，具名插槽，作用域插槽； 3.使用方式： ...

1.语法：this.$nextTick(回调函数) 2.作用：在下一次DOM更新结束后执行其指定的回调。 3.什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时...

1.它是一种组件间通信的方式，适用于任意组件间通信； 2.使用步骤： (a).安装pubsub:npm i pubsub-js (b).引入：import pubsub f...

1.它是一种组件间通信的方式，适用于任意组件间通信； 2.安装全局事件总线： 3.使用事件总线： (a).接受数据：A组件想接受数据,则在A组件中给$bus绑定自定义事件，...

1.一种组件间通信的方式，适用于：子组件=>父组件； 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件(事件的回调在A中)； 3.绑定...

1.Vue中使用组件的三大步骤: a.定义组件(创建组件) b.注册组件 c.使用组件(写组件标签) 2.如何定义一个组件？ 使用Vue.extend(options)创建...

1.定义语法 a.局部指令： new Vue({ directives:{指令名:配置对象} }) 或者 new Vue({ directives:{指令名:回调函数} }...