前言 在讲setup的文章中我们已经看到了点击按钮后函数执行了但却不会引起视图更新，这是因为它们的数据不是响应式的数据，而这就不得不提到本文的主角ref和reactive了，这两者虽然都可以用于实现响

Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语法心智”。本质上只是把 pr

代码基于vue3，当前chrome版本122.0.6261.131。未验证其他浏览器兼容性。拷贝到工程后进行简单调整即可复用。

Vue 本身就是用 TypeScript 编写的，并对 TypeScript 提供了头等的支持。所有的 Vue 官方库都提供了类型声明文件，开箱即用

又到了金九银十季，最近我也是奔波于各种面试。我自己总结整理了很多方向的前端面试题。借着国庆这个假期，也把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的offer。

引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条数据可能会导致页面卡顿、响应

在 Vue 3 中，ref 和 reactive 都用于创建响应式状态，但它们有一些重要的区别和适用场景。以下是它们的详细区别： ref ref 用于创建一个包含单一值的响应式引用。适用于简单的、原始

前言 平常 你在开发过程中是不是经常会遇到这种场景： 一个页面共有多个区域， 头部区域和中间区域是兄弟组件 头部区域有一个 按钮 会修改 中间部分的内容

今天，我们要实现一个很常见并且简单的功能：将手机号中间的几位数变成**** 这个功能其实很常见，比如我们微信的账号安全里面显示的手机号、掘金的账号设置里面显示的手机号、支付宝里面的证件号码、各大银行的