【项目_05】tabcontrol的搭建及回显、使用keep-alive缓存页面、移动端适配 | 基于Vue3全家桶

💭💭

✨：tabcontrol的搭建及回显、使用keep-alive缓存页面
 
💟：东非不开森的主页
 
💜: 总不能还没努力就向生活妥协吧💜💜
 
🌸: 如有错误或不足之处，希望可以指正，非常感谢😉
 

一、tabcontrol的搭建及回显

1.1.使用vant组件库搭建

1.2.自己写组件（options api）

1.3.自定义组件（composition api）

二、使用keep-alive（切换页面）

• 对home页面进行缓存

• 但是切换其它页面home页面还会发送网络请求
• 因为我们scrollTop监听的是window
• 所以对整个页面进行滚动和返回位置进行记录

keep-alive

keep-alive有一些属性：

• include ，只有名称匹配的组件会被缓存；
• exclude，任何名称匹配的组件都不会被缓存；
• max 最多可以缓存多少组件实例，一旦达到这个数
  字，那么缓存组件中最近没有被访问的实例会被销毁；

include 和 exclude prop 允许组件有条件地缓存：

• 二者都可以用逗号分隔字符串、正则表达式或一个数组来表示；
• 匹配首先检查组件自身的 name 选项；

三、浏览器适配

postcss

• 下载这个插件，并且添加配置文件post.config.js

移动端适配方案：
blabla~想写的时候再写吧，
先这样吧QAQ
（这部分并没有写完，突然发现在草稿箱了，先发一下吧，有机会再整吧~，鸽了好久了QAQ）