前端框架

keepalive可以用来对vue组件进行缓存，可以通过维护keepalive的include属性，在适当地时机对组件进行添加或取消keepalive缓存

localStorage和sessionStorage都是html5提供的可以在客户端直接储存数据的方法，其中localStorage是持久型的，sessionStorage是会话型的

onBeforeRouteLeave方法表示添加一个导航守卫，此方法会在页面将要离开的时候触发，比如页面返回时，我们就可以通过此方法来处理一些逻辑

sourcemap主要就是在处理前的代码和处理后的代码之间构建了一个桥梁，这样就可以方便开发人员查看代码定位。

keepAlive是vue中的一个内置组件，主要是用来缓存组件。可以使用include或exclude属性来设置哪些组件需要被缓存或过滤。

css3中的:last-of-type选择器是匹配选择父元素中包含的特定类型的所有子元素中的最后一个子元素。

css3的:last-child选择器可以用来选择最后一个子元素，这样就可以对最后一个子元素进行单独的样式处理。

rem是相对于根元素字体大小的单位，使用rem进行移动端自适配就是让根元素的字体大小根据分辨率进行动态改变。

移动端自适应的方案有多种，本文在vue3框架中使用基于viewport的方案来实现移动端页面自适应。

vue3项目框架中，引入less来方便页面样式的维护和扩展，并通过配置webpack选项来全局引入less变量文件

本文主要是记录下使用vue cli工具来进行搭建vue3+ts项目基础框架的过程，以及搭建过程中的一些选项介绍。