Keep-Alive是Vue.js中的一个内置组件，它可以用来缓存不活动的组件实例，而不是销毁它们。当Keep-Alive包裹动态组件时，它会将组件的状态保存在内存中，以防止在组件切换过程中重复渲染DOM，从而提高性能和用户体验。Keep-Alive自身不会渲染一个DOM元素，也不会出现在父组件链中。

单页面应用(SPA)的核心思想之一，就是更新视图而不重新请求页面，简单来说，它在加载页面时，不会加载整个页面，只会更新某个指定的容器中的内容。对于大多数单页面应用，都推荐使用官方支持的vue-router。在实现单页面前端路由时，提供了两种方式，分别是hash模式和history模式，根据mode参数来决定采用哪一种方式。routes,mode: "history" // 或者 "hash"})

由于vue为单页面项目，通过控制组件局部渲染，main.js是整个项目唯一的入口，整个项目都在一个index.html外壳中。若项目过大，会造成单页面负载过重；同时，多页面利于模块独立部署。

在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加深度作用选择器 /deep/和>>>和::v-deep使用了外届的组件或者自己开发一个组件，修改一处就可能会影响到用这个组件的所有样式，所以就需要有一个方法或者方式，既不影响到别的地方，又能修改子组件在当前的样式。/deep/就能实现

import.meta.url 是一个 ESM 的原生功能，会暴露当前模块的 URL。每次手动打包还是很费劲的， vite 同样也有能把 ./dist 文件夹打包成 .zip 的插件，当然这个打包的文件夹不一定非得是 ./dist，可以是任何位置，只要指定好就可以了。这个 .zip 文件中的内容是不带 ./dist 这个外置文件夹的，直接就是 ./dist 里面的内容。也就是说，解压后，没有 di

Vue在观察到数据变化时并不是直接更新DOM，而是开启一个队列，并缓冲在同一个事件循环中发生的所以数据改变。在缓冲时会去除重复数据，从而避免不必要的计算和DOM操作。然后，在下一个事件循环tick中，Vue刷新队列并执行实际（已去重的）工作。

Vue.js 是一个非常受欢迎的前端框架，它能够快速构建交互性强的单页面应用。而 vue-property-decorator 是一个用于 Vue.js 的装饰器库，可以帮助我们更方便地编写 Vue.js 组件。下面来详细讲解 vue-property-decorator 的用法。

由于vue为单页面项目，通过控制组件局部渲染，main.js是整个项目唯一的入口，整个项目都在一个index.html外壳中。若项目过大，会造成单页面负载过重；同时，多页面利于模块独立部署。

我们项目开发中，经常需要import或者export各种模块，那么有没有什么办法可以简化这种引入或者导出操作呢？实际开发中增加一个新的页面可能就要重新编写路由的问题，导致路由文件每次都要重新编辑，页面较多，修改起来较为复杂。其实我们不单单局限于组件，路由内， 所有模块文件都是通用的， 例如路由， 接口封装模块，都是可以使用的。这样很蛋疼，因为每加一个组件，可能都要写这么一句，这样有规律的事，是否可

组件之间通讯，通过 props 和 emits 进行通讯，是单向数据流，子组件不能改变父组件传递给它的 prop 属性，推荐的做法是它抛出事件，通知父组件自行改变绑定的值。为了在声明 props 和 emits 选项时获得完整的类型推导支持，我们可以使用 defineProps 和 defineEmits API