- vue.js
Vue3 实现超级有趣的功能:数字增长动画!!
平时浏览一些跟数字有关的网页的时候,可能你会发现数字并不是直接从 0 变成 99999 的,这样会很生硬,而是会有一个从 0 增长到 99999 的动画效果...
- vue.js
ReactHooks由浅入深:所有 hooks 的梳理、汇总与解析
Vue 中的指令、React 中的 hooks 都是框架的核心知识点。但是对于很多同学来说,因为日常工作中开发的局限性,所以对这些 指令 或 hooks 认知的并不全面,...
- vue.js
Vue 3高级响应式数据探秘:原理、用法详解与实战示例!
在Vue 3中,数据的变化通过响应式系统来实现,该系统基于ES6的Proxy对象。Proxy对象允许拦截并自定义操作,因此Vue可以通过代理对象来实现对数据的监听和...
- vue.js
详解Pinia在Vue3中的应用与实践
Pinia以更加现代化的方式重新诠释了状态管理在Vue3中的实现方式。通过其简化的API设计和丰富的扩展性,开发者能够更好地组织和管理复杂的前端应用状态...
- vue.js
父组件使用v-model,子组件竟然不用定义props和emit抛出事件
vue的单向数据流是指,通过props将父组件的变量传递给子组件,在子组件中是没有权限去修改父组件传递过来的变量。只能通过emit抛出事件给父组件,让...
- vue.js
Vue3 中有些场景,真不想用 Pinia !
Pinia 现阶段是 Vue3 最火的一个状态管理库了,很多人用 Pinia 来:缓存一些请求回来的数据管理一些可以全局共用的数据其实最重要的一点就是:缓存一些请...
- vue.js
面试官:只知道v-model是modelValue语法糖,那你可以走了
将v-model指令转换为modelValue属性和@update:modelValue事件这一过程是在编译时还是运行时进行的呢?从上面的问题答案中我们可以知道将v-model指令转换为modelV...
- vue.js
Vue3问题:如何在页面上添加水印?
水印的添加不仅仅满足于添加,有时候还要能防止用户恶意篡改,时刻保证水印的功效。这次问题我分为了两种情况:一种是仅添加水印仅可,另一种是添...
- vue.js
用 React/Vue 不如用 JQuery,你知道吗?
在做技术选型的考虑上,在我的选择序列里,React 永远都要比 Vue 更值得选择,只因为 React 离原生 JavaScript 更近,没有创造更多的语法,没有那么多黑箱操...
- vue.js
Vue2 前端权限控制实战
本文将介绍如何使用 Vue2 实现前端权限控制,包括页面路由权限控制和按钮级别的权限控制。...
- vue.js
Vue 3 的 setup 语法糖到底是什么东西?
setup语法糖经过编译后就变成了setup函数,而setup函数的返回值是一个对象,这个对象就是由在setup顶层定义的变量和import导入组成的。vue在初...
- vue.js
我面试最喜欢问的开放题:如何严谨二次封装 localStorage?
最近我在面试中,喜欢问一道有关于 hooks 的开放问题:二次封装一个 loaclStorage 的 hooks 时,需要考虑哪些问题呢?...
- vue.js
六个高级Vue3知识技巧
Vue 3是一个非常流行的前端框架,广泛应用于大型互联网企业和个人项目。 虽然我们已经熟悉了一些常见的 Vue 3 知识,但还有一些不太常见但实用性很强的...
- vue.js
彻底搞懂Vue响应式数据、依赖收集更新、Watch/Computed原理
在合并配置mergeOptions()中,会调用normalizeProps()对props的数据进行整理,最终确保initPros调用时props已经是一个对象,因此不需要Observer判断是否是数组,直接...
- vue.js
Vue2问题:如何全局使用Less和Sass变量?
Webpack 是一个强大的静态模块打包工具,通过模块化和依赖管理,能够将前端项目中的各种资源打包成优化的静态文件,同时提供了丰富的扩展和定制能力...
- vue.js
Vue3:使用 Composition API 不需要 Pinia?
在日常开发中,经常会出现功能变得过于复杂而无法限制在单个 Vue.js 组件中的情况。分解组件是合乎逻辑的解决方案,但这带来了在组件之间共享数据和...