本文记录了首屏加载优化过程，通过rollup-plugin-visualizer分析资源请求，使用unplugin-vue-components按需加载，并采用rollup分包策略来异步加载资源包。

有没有一种完美的方案，从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件“暂停”一下，先不去渲染，等到数据请求完成后再第一次去渲染子组件呢？

在平常开发阶段我们总是分不清虚拟 DOM、 h() 函数、渲染函数和渲染器的知识。笔者在翻阅相关文档之后，总结了下面这些知识点。 h() 函数用于创建虚拟 DOM，渲染函数的作用就是返回虚拟 DOM。

在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。

externals干嘛用的 webpack有写，自己理解下：就是改变包引用路径，开发和生产环境统统改变有效。 比如 import Vue from 'vue' 默认来说 引用‘vue’默认从node_

Vue Macros 让你能提前体验下一个版本的Vue功能，也能了解到Vue团队的规划与野心，提前适应新版本

# 前言： 翻别人代码时，总结发现极大部分使用`vue3`的人只会用`ref`和`reactive，其实有更好性能的api可以用

学习 Vue.js 应该像学习一门编程语言一样，首先要熟练掌握常用的知识，而对于不常用的内容可以简单了解一下。先对整个框架和语言有一个大致的轮廓，然后再逐步补充细节。千万不要像学习算法那样，一开始就钻

Vue 本身以及周边生态在设计语法糖上几乎没让我失望过，包括本次在 VueConf 2024 深圳盛会上正式亮相的 Vue Vine。 它的出现引起了我对 Vue3 组件编写方式的好奇...