在我们项目开发中,经常会有布局`上下左右`拉伸的需求 接下来 让我们一步步用 `vue指令` 实现这个需求 `v-resize` 目前已支持Typescript

以下是一篇关于Vue.js高级技巧的深度技术文章，结合前沿实践和代码示例，专为进阶开发者设计，10个Vue.js隐藏技巧

一、开场白：DOM 操作到底有多慢？ 前端圈子里流行一句话：“DOM 是性能杀手。” 其实 DOM 本身并不慢，慢的是每一次操作都要跨线程通信： JS 线程 → 渲染线程 → 合成线程 → GPU 一

组件生命周期 使用 use_hook 初始化状态 use_hook 允许您为组件创建新状态。传递给 use_hook 的闭包将在组件首次渲染时被调用。每次组件重新渲染时，都会复用初始运行时创建的值。

Vue3 模板还在复制粘贴？本文手把手教你用 vue-reuse-template 把模板变函数，单组件秒复用；再升级插件，一行 <template $use> 全站通用，最后留一招隐藏坑点。

相关资料 performance：https://developer.mozilla.org/en-US/docs/Web/API/Window/performance sourcemap在sentr

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

什么是响应式数据 在系统中会发生变化的数据，就是响应式数据，需要用ref或者reactive来定义，换而言之，用ref, reactive定义的数据就是响应式数据。 什么是静态数据 在系统中不会发生变

组件 A 与组件 B 、C 之间是父子组件，组件 B 、C 之间是兄弟组件，而组件 A 、D 之间是隔代的关系。 那么对于这些不同的关系，本文主要分享了他们之间可以采用的几种数据通信方式，例如 Props 、$emit / $on 、Vuex 等，大家可以根据自己的使用场景可以…