vite和webpack

两者都是 Web 构建工具。webpack 需将所有文件打包完成之后，浏览器再开始加载（从入口文件开始，递归查找模块间的依赖关系，生成一个依赖图，根据依赖图build每个文件，最终生成js文件，然后浏览器加载这些处理好的包）。而 vite 则是直接启动浏览器，而后当请求某个模块时，再去编译该模块。这种按需动态编译加载的方式，极大地缩减了启动所需时间。此外，vite 提供了众多默认配置，无需再额外针对某些插件进行配置（例如 css 预处理语言 scss）。webpack就是慢但是各方面都很成熟，适合大型复杂型项目使用。

Options Api和Composition Api

optionsApi(选项Api)通过定义data,methods,computed,watch等属性和方法共同处理页面逻辑，当遇到复杂的组件，修改一个功能需要在不同的地方跳来跳去，而compositionApi一个功能相关的逻辑代码都写在一起，方便代码理解和维护。

watch和watchEffect

watch和watchEffct用于监听数据的变化而做一些逻辑处理。watch的方式是既要指明监听的属性，也要指明监听监听的回调；watchEffect的方式是不用指明监听哪个属性，回调中用到哪个属性就监听那个属性。

• watch是监听单个数据源，可以获取新值和旧值；watchEffect则是监听一组数据源，不能获取新旧值。
• watch是懒执行的，只有在数据变化时才会执行回调函数，可以通过immediate属性来控制；watchEffect则是默认立即执行的，不管数据是否变化。
• watch可以监听计算属性，而watchEffect不能监听计算属性。