我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。本文通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的，看不懂你来打我。

大家好，这是我2024年第一篇文章~祝大家新春快乐🎆 写了多年react，但是新入职的公司技术栈是vue，部门后续会升级到VUE3。并且发现身边不少小伙伴是react转vue，因项目原因需要快速上手，

Vue3 中定义的ref类型的变量，在setup中使用这些变量是需要带上.value才可以访问，但是在template中却可以直接使用。 询其原因，可能会说 Vue 自动进行ref解包了，那具体如何实

之所以写这篇是因为我之前写了一篇 vue中data改变后，如何让视图同步更新，之前的是vue2的，现在vue3出了，所以写一篇vue3的。 事先声明，文章中的内容了解即可，千万千万不要用于生产环境。 众所周知，在vue中，更改数据后，会在微任务中更新dom，这是一个异步操作。如…

vue3 hooks之useTable，工厂流水线开发页面表格😄，带你提高开发效率、告别重复性工作。

什么是原子化CSS，UnoCSS又是什么，对此有疑问的推荐看下antfu的这篇文章——重新构想原子化 CSS (antfu.me) 相信看完这篇文章的你也会跟我一样热衷于UnoCSS 准备 首先，使用

得益于大多数浏览器都支持了ES模块，Vite基于esbuild在开发环境有很不错的启动速度。为了提升开发效率，终于也是抽空将项目的开发环境从webpack迁移至了vite。

建议使用 ref() 作为声明响应式状态的主要 API;用Rel干掉Reactive,一起愉快coding吧! 全宇宙最懂vue的作者都这么推荐了!使用rel!!!!

问题背景 我已经老了。。。。 面对现在的观众不知该如何表达。既然这样的话 那...... 直接上代码吧： 事情就发在昨天，在我们单位的办公大厅里，有一个产品向我走来。他主动介绍自己，他对我说，“老骥：