在 Vue 开发中，官方文档里的核心 API 固然常用，但还有不少“隐藏款”或“轻量级”技巧，既能减少冗余代码，又能提升性能，却被 90%以上的开发者忽略。本文共 10 个 Vue 技巧覆盖了模板优化

在 Vue3 的开发实践中，掌握高效技巧能显著提升开发效率与代码质量。以下整理了 20 个经过实战验证的实用技巧，涵盖性能优化、响应式控制、组件通信等核心场景，助你写出更优雅、更高效的 Vue3 代码

v-memo、defineOptions、useTemplateRef 等 7 个 Vue 隐藏技巧，让模板更简洁、组件更可控、性能更优，面试答出一条即可加分。

无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的软件包。 在下文中，我们…

哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。 不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。 作为一名Vue开发使用者，必须了解其使用规则。 前端发展的行业非常快，大部分学习者赶不上发展的速度，每天都在学习Google的Angu…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

功能： 添加在下次Dom更新循环结束之后的延迟回调，修改数据之后，可以获取更新后的Dom。 ps：2.1.0 起新增：如果没有提供回调且在支持 Promise 的环境中，则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill，所以如果你的目标浏…

在我们面试的过程中，经常会遇到问源码的环节，因为优秀的框架通常都会包含很多设计理念跟编程实践。这段时间我一直在看Vue2的源码，发现了很多有意思的实现。虽然现在Vue3都已经发布了，也无法否认Vue2是个优秀的框架这个事实，不影响我们从中学到一些最佳实践。 对Vue不感兴趣的同…