Vue3

通过开源实现WLB(Work-life Balance)是程序猿梦寐以求的职业归属，边旅游边写代码，体验一山有四季，十里不同天的热带雨林，代码灵感就像喷泉一样源源不断。

很好奇为Vue、React框架实现的各个UI开源库，例如element-plus、ant-design， 他们有没有基于什么规范编写CSS，采用的哪一种CSS规范？

基于Vue、React、Angular实现的`full-stack`框架数不胜数，但就Vue框架领域内，应该数Nuxt最为Top 1。

component文件中style代码块的scoped、v-bind等标签如何编译为原生CSS？本篇内容将通过深度剖析Vue`compileStyle`函数来讲解style编译过程。

在Vue中如果要动态改变样式，可在style中使用v-bind绑定响应式变量，达到动态更新样式的效果。v-bind确实为动态样式提供了便捷，为什么Vue的样式可以使用v-bind，和ccs变量有何区别

会Vue的同学都使用过v-if指令，本着会用就得懂的心态去Vue3源码找v-if的出处，但奇怪的是找不到，仅找到如V-model、v-on、v-show等指令的代码文件。

异常处理有多重要？ 前两天领导急冲冲跑过来跟我说，新客户反馈说我们平台太慢，数据半天都不显示，叫我赶紧排查下性能问题。前、后端同学花了一小时，看请求日志、看代码，硬是没找出任何问题。

我问大佬："什么是computed的懒更新？" 大佬说："贵在懒字，没事不更新，有事也少管。" 听后我醍醐灌顶，竖起大拇指："大佬，我悟了！

Vue3.5提出了两个重要概念：version计数和双向链表，作为在内存和计算方面性能提升的最大功臣。既然都重要，那就单挑version计数来介绍介绍，它在依赖追踪过程中，起到快速判断依赖项有没有更新

Vue中跨多层级组件传递数据，可使用provide和inject。从provide和inject字面理解，类似于依赖注入，但这种模式使用起来太碎片化，缺乏智能提示，子组件根本不知道父级组件提供的数据。

使用Vue从父组件传递数据到子组件，一般使用defineProps就能满足大部分场景，但如果要跨多层级组件传递数据，则可使用provide和inject来满足需求。

Vue3.5为watch、watchEffect量身打造数据清理函数onWatcherCleanup，如watch回调函数为同步，确实好用。但只要涉及到async异步，使用不当极可能出现不可预知Bug

被VueUse提供的功能折服，就像标题所说：Vue中无处不use的VueUse。什么是VueUse? Vue是基于组合式API而封装的工具集，一部分功能是你非常想要的，另一部分功能是你都没想到会提供的

搭建一个前端项目，代码规范配置必不可少，但琳琅满目、形形色色的ESlint NPM包，让人无从下手，为什么一个eslint就有几十个包？ 常用的eslint解析器、配置、插件有哪些？

《浅读Vue3代码10万行，总结出30个代码规范》有同学提问："你写的规范，有没有可以直接拿来用的配置？"。加上新建项目，有同学提问如何为新项目配置代码规范。引申出来的思考：如何为项目配置代码规范？

不管是Vue.js源码，还是UI组件库Element-plus，只要有多人协同开发，代码规范上多多少少都会有一些"百花齐放"。即使像Vue.js源码，不同开发者在命名上也会附带个人风格。

好奇vue项目中使用watch还是watchEffect居多，查看element-plus、ant-design-vue两个UI库, 整体上看，watch使用居多，而watchEffect不怎么收待见

使用Vue3开发项目时，一个vue文件不下20个ref、computed定义，看着都头痛。有没有比较好的解决方案，以及vue设计ref、computed、reactive的初衷是什么？源码+实践知答案

为什么vue:deep、/deep/、>>>样式能穿透到子组件 在scoped标记的style中，只要涉及三方组件，那deep符号会经常被使用，用来修改外部组件的样式。 不使用deep 要想修改三方组

Vue编译过程首先将模板转换为AST抽象语法树，再将AST编译成浏览器可执行的JS代码。Vue支持web、server 、weex渲染，此外，uniapp也可以很好的支持Vue。