前端基础知识7

• 数据双向绑定和数据响应式有什么区别

数据响应式是vue的核心特性，而双向绑定可以通过指令（v-model）或者修饰符（.async）实现的一种特性。 数据响应式是指通过数据驱动DOM视图的变化，是单向的过程，而双向数据绑定的数据和DOM是一个双向的关系。

Vue数据响应式与双向数据绑定原理区分_vue双向绑定原理与响应式原理区别_Baobao小包的博客-CSDN博客

• vite为什么比较快 

Vite快主要体现在两个方面：快速的冷启动和快速的热更新。而vite能够做到如此快速，基于他借助了浏览器对ESM规范的支持，采取了与Webpack完全不同的unbundle机制。

unbundle的核心机制：

1. 模块之间的依赖关系的解析由浏览器实现
2. 文件的转换由 dev server 的 middlewares 实现并做缓存
3. 不对源文件做合并捆绑操作

Vite为啥如此之快_vite为什么快_xianghong_yang的博客-CSDN博客

• vue3如何定义数据 

基本数据类型使用ref定义，引用数据类型使用reaactive定义 

• loader和插件的区别

• loader 是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中，作用是让webpack拥有了加载和解析非JavaScript文件的能力。
• plugin 赋予了 webpack 各种灵活的功能，例如打包优化、资源管理、环境变量注入等，目的是解决 loader 无法实现的其他事

• loader运行在打包文件之前（loader为在模块加载时的预处理文件）；plugins在整个编译周期都起作用。一个loader的职责是单一的，只需要完成一种转换。一个loader其实就是一个Node.js模块。当需要调用多个loader去转换一个文件时，每个loader会链式的顺序执行

• Loader在module.rules中配置，也就是说他作为模块的解析规则而存在。 类型为数组，每一项都是一个Object，里面描述了对于什么类型的文件（test），使用什么加载(loader)和使用的参数（options）

  Plugin在plugins中单独配置。 类型为数组，每一项是一个plugin的实例，参数都通过构造函数传入
  链接：https://www.jianshu.com/p/6eb03e7048ad