移动端收获

引用vant组件库一定要注意在app.vue中放入<router-view />

引入css文件一定要加后缀，其他随意

router路由配置项：

1. path : 跳转路径

2. component : 路径相对于的组件

3. name:命名路由

4. children:子路由的配置参数(路由嵌套)

5. props:路由解耦

6. redirect:路由重定向

在vue脚手架中，如果遇到键值对重复的情况可以单写

在css或者img的src标签中可以使用~@等于src根目录的相对路径

$router.push('/路径名')用来跳转到某个路径

$router.back()从哪里来回哪里去，效果等同于route.go(-1)

将token存储到Vuex容器中，为了持久化，还需要将token放到本地存储，可以在utils文件夹对本地存储进行简单封装

定义获取数据时，可以在methods中定义好一个方法，然后在created中调用该方法（代码清晰）

类似与分类列表和分类内容之间的关系（Tab栏切换）可以考虑封装一个内容组件，每个分类列表都拥有一个独有的分类内容

• load 事件

  • List 初始化后会触发一次 load 事件，用于加载第一屏的数据。

  • 如果一次请求加载的数据条数较少，导致列表内容无法铺满当前屏幕，List 会继续触发 load 事件，直到内容铺满屏幕或数据全部加载完成。

• loading 属性

  控制加载中的 loading 状态

  • 非加载中，loading 为 false，此时会根据列表滚动位置判断是否触发 load 事件（列表内容不足一屏幕时，会直接触发）

  • 加载中，loading 为 true，表示正在发送异步请求，此时不会触发 load 事件

• finished 属性

  控制加载结束的状态

  • 在每次请求完毕后，需要手动将 loading 设置为 false，表示本次加载结束

  • 所有数据加载结束，finished 为 true，此时不会触发 load 事件

记住滚动条的位置

通过为每个标签的列表容器设置单独的滚动条, 这样切换不同标签时, 就不会影响相互的滚动位置

第三方图片资源403问题

Referer 是 HTTP 请求头的一部分，当浏览器向 Web 服务器发送请求的时候，一般会带上 Referer，它包含了当前请求资源的来源页面的地址。服务端一般使用 Referer 请求头识别访问来源，可能会以此进行统计分析、日志记录以及缓存优化等。

不要发送 referrer ，对方服务端就不知道你从哪来的了，姑且认为是你是自己人吧

<img src="http://……" referrerPolicy="no-referrer">
<meta name="referrer" content="no-referrer" />

Warch监听

watch监听时handler并不能实时更新，因为只有监听的数据发生变化时才会执行，可以将immediate设置为ture来应对，这个方法是用来让handler在页面初始化时就执行

搜索历史记录：

1.创建一个空数组，用来保存历史记录表。

2.思考何时需要触发存储历史记录，对应添加

3.添加时不能有重复的数据，所以在添加之前考虑该条数据是否在数组中存在，然后要考虑出现在数组的那个位置

删除历史记录：

1.判断是否在删除状态

2.直接使用索引号删除