Vue3 上手一段时间后，很多人都会说一句“组合式 API 更自由了”。这句话没错，但自由的另一面是，响应式 bug 也更容易藏起来了。

2021 年如果还在做前端，几乎不可能绕开 Vue3。真正让大家开始认真讨论它的，不只是性能，而是组合式 API 终于给复杂页面的逻辑组织带来了一种更顺手的写法。

针对前后几次blog不稳定

先来温习下基础知识.

以其高性能,异步IO著称,当然node.js 在 stream 上的异步也非常到位. 我们一般理解的异步请求是这样的: 同时处理多件件事件 A,B,C,D,E,F,G .... 如果用.net语言去处理这些事情可能有2钟情况 (1) A,B ..... G 按照顺序一件一件处理,最后得到返回值. (2)开启多线程去同时执行多个事件. 而node是单线程处理语言,天生就不是富二代,资源还有限......上帝造物的时候是公平,当你发现关上一扇门的话,同时肯定会为你开一扇窗.所以node 有了异步回调. 所以node.js下的处理可能是这样的: A,B ...... G 依然是按照这个顺序处理,但是得到的返回值可能是先返回 G 然后得到 A 的.

Vue3 推出组合式 API 以后，团队很容易迅速进入“什么都抽成 composable”的阶段。它确实解决了 Options API 里逻辑分散的问题，但抽法不对，同样会让页面越来越难懂。

这还要从node.js 本身的特性说起,这是一门服务器端脚本语言,其特性是单线程异步非阻塞基于事件驱动的脚本语言.

魔术变量一词应该出自php语言,或者是本人第一次听说魔术变量是从php得知的.因为它是随系统运行环境变化而变化的,因此得名.

<div class="article-meta"> <p><strong>发布时间：</strong><DateFormatter :date="$frontmatter.date" /></p> <p><strong>作者：</strong>{{ $frontmatter.author }}</p> <p><strong>标签：</strong>{{ $frontmatter.tags.join(', ') }}</p> </div>

node.js 加载其他模块时要使用require(路径) ,路过路径加载的一般都是文件模块,程序首先会加上.js扩展名尝试去搜索,如果找不到,就尝试用 .json 格式扩展名去搜索加载,还找不到,就加上扩展名 .node 去搜索加载.