第一个项目

进入消息页后返回到订单页会不高亮 原因：进入消息页因为下面语句销毁tabbar <TabBar v-if="!route.meta.hideTabBar" /> 所以再回去重新创建watch可能来不及

禁止缩放需要在index.html中增加 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-sc

BUG原因：进入首页会发送一些请求，包括下拉刷新出新一页的数据 但是，如果此时切换到收藏页面 然后再回到首页 又重新发送了数据，路由切换会将原来的都删除掉，再回来会重新发送那些网络请求，之前当前页面是

背景：Tab标签跳转功能 给每个组件都绑定了name **原因：**因为点击返回到首页会卸载组件，也会执行getSectionRef函数，此时导致value值为空 解决办法

在store中存储了longitude和latitude后，在detail-map中一直取不到，导致百度地图总显示几内亚----- 问题原因： 误把经纬度数据定义为响应式数据，导致打印一直是undef

这样可以增加用户体验，定义一个loading组件，设置自己想要的样式 在stores/modules/main.js中添加一个isLoading状态 loading组件中设置，给主类设置v-if 用户

后面要加route <van-tabbar v-model="currentIndex" active-color="#ff9854" route > 因为图标是自己的 需要自己添加监听 OK！！！

要先理解scrollTop和scrollHeight： scrollTop： scrollHeight： scrollHeight<=scrollTop + clientHeight(当前客户端高度)

normalize.css的默认行高设置的是1.15，有小数，可能会导致一些样式问题。 可以在reset.css重新设置适合的。eg：

切换标签太慢，使用v-show 根据tabValue来进行切换，用v-show，则页面加载的时候，所有的item页面生命周期的初始创建方法全部都执行，违背了点击一个加载一个的初衷(v-show不可见，

一. 实现如图功能，在使用的Vant3中的van-tabs组件中，v-model:active绑定的是索引，对象中无法用索引拿值 要想办法拿到某一组的数据，van-tab中无法绑定原生click事件，

github地址 main.js中引入 import "normalize.css" reset.css common.css index.css main.js中引入 import "./asset

jsconfig.json 防止index.html中出现cleareslint警告，在.eslintrc.cjs中配置这个： 制作favicon.ico，需要图片 网站1， 网站2，两个网站都可制作

components下建立tab-bar/tab-bar.vue，将App.vue中抽离出来这几行 安装less

elementplus 1.几的版本不支持Vue3.2版本 此时可以用npm i --force 强制安装所有对应的版本 或者yarn add

两种方法 一.在路由添加一个自定义的meta对象，在meta对象中可以设置一些状态，来进行一些操作。 eg. 去App.vue中在对应的挂载路由中设置v-if逻辑判断 <TabBar v-if="!r

```` const positionClick = () => { navigator.geolocation.getCurrentPosition(res => { console.log(res