vue3入门 - vue组件加载过程和优点 - 03

vue组件加载流程图：

说明：因为浏览器无法识别 .vue 后缀的文件，所以vue通过一些框架和插件对 .vue 文件进行以下处理，生成浏览器能解析的文件。

nodeJs： 服务器框架，引用了npm，作为第三方库管理器。

npm： 管理nodeJs里面的插件，使用插件的时候，用npm去加载插件。

webpack：在npm里面是对包进行管理，打包文件，压缩等功能。

vue-loader：对 .vue 文件进行分析，提取样式、结构、逻辑代码合并成新的 html，css，js 文件。

vue组件的优点：

1、易读性： 更方便维护，独立文件耦合。
2、便捷性： 数据驱动，自动预处理，把文件代码首先处理，速度更快。
3、适用性： 兼容性好，方便扩展。