在我们项目开发中,经常会有布局`上下左右`拉伸的需求 接下来 让我们一步步用 `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> 全站通用，最后留一招隐藏坑点。

最近在项目中发现之前的表单锚点有点问题，而且动画效果实现的不好，想着抽点时间简单重构一下。没想到这一重构就花了两三天的时间，期间核心功能的实现非常简单，但是各种边界情况的处理确实非常烧脑。

因公司后台管理系统很多功能技术老旧，最近在用vue重构公司的后台管理系统，在做商品管理添加商品这一块，借鉴淘宝的添加商品的交互，需要实现一个简单的吸顶、锚点和滚动高亮按钮的效果。 1. 什么是position:sticky? 2. 如何使用sticky？ HTMLElement…

菜单与页面内容联动，点击顶部菜单会滚动到对应点击菜单的地方，滚动到对应的地方顶部菜单也会自动显示当面区域的菜单为选中效果，互相联动。

在vue项目中，多个项目会有一些公共的组件，我们如何将其打包成一个组件库维护起来呢？ 如何暴露组件类型，按需自动导入又是如何实现的？这篇文章我们一起来学习一下。