vue组件加载过程和优点
vue组件加载流程图:
说明:因为浏览器无法识别 .vue 后缀的文件,所以vue通过一些框架和插件对 .vue 文件进行以下处理,生成浏览器能解析的文件。
nodeJs: 服务器框架,引用了npm,作为第三方库管理器。
npm: 管理nodeJs里面的插件,使用插件的时候,用npm去加载插件。
webpack:在npm里面是对包进行管理,打包文件,压缩等功能。
vue-loader:对 .vue 文件进行分析,提取样式、结构、逻辑代码合并成新的 html,css,js 文件。
vue组件的优点:
1、易读性: 更方便维护,独立文件耦合。
2、便捷性: 数据驱动,自动预处理,把文件代码首先处理,速度更快。
3、适用性: 兼容性好,方便扩展。