yarn 和 npm 不能混合使用
摘要：
当有 yarn.lock 的时候说明项目使用的yarn 创建的 则后面的都要使用 yarn 操作，比如下载 包 等 ； 当项目没有 yarn.lock 而是 package.json.lock 说明项目使用 npm 创建的 ，则后面清一色使用 npm i 等 阅读全文
posted @ 2022-10-21 09:54 流浪のwolf 阅读(53) 评论(0) 推荐(0) 编辑
路由守卫有哪些 ？
摘要：
路由守卫共有 7 个 ； 全局路由守卫 3 个 ： beforeEach 全局前置守卫 ；所有的路由跳转都要经过beforeEach ，参数 to 去的路由信息 ，from 来自的路由信息 next 是否放行 ； afterEach 后置守卫 beforeResolve 解析守卫 组件守卫 befo 阅读全文
posted @ 2022-10-21 07:22 流浪のwolf 阅读(100) 评论(0) 推荐(0) 编辑
如何解决token过期问题 ？
摘要：
首先 token 过期会导致请求不到数据 ， 就不能准确渲染页面 ，此时的错误配置项的token是过期的，只要更新了token 拿着原先的配置项重新请求数据即可 ；但是如果更新token的时候请求错误，可能是refresh_token也过期了，直接去登录页面重新登录 ； 具体操作：先封装好一个更新t 阅读全文
posted @ 2022-10-20 22:08 流浪のwolf 阅读(791) 评论(0) 推荐(0) 编辑
搜索功能实现 - 搜索历史组件的封装 - 编辑状态和完成状态下不同的操作
摘要：
<template> <div class="search-history"> <div class="search-history"> <van-cell title="搜索历史"> <template v-if="isEdit && searchHistories.length"> <!-- v 阅读全文
posted @ 2022-10-20 21:33 流浪のwolf 阅读(18) 评论(0) 推荐(0) 编辑
： 搜索功能实现 - 搜索结果组件的封装 - 上拉加载
摘要：
传值 keywords <template> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <van-cell v-for="(item, index) in list" 阅读全文
posted @ 2022-10-20 20:13 流浪のwolf 阅读(17) 评论(0) 推荐(0) 编辑
搜索功能实现 - 搜索建议组件的封装 - 防抖 - 关键词高亮
摘要：
// 父组件传 1 个值 关键词 // 子组件 的 emit自定义的search事件会委托父组件改变 keywords 的值 然后更新 props 的keywords 然会触发 watch 的 handler 函数 然后请求建议数据 <template> <div> <!-- 显示搜索建议 --> 阅读全文
posted @ 2022-10-20 20:11 流浪のwolf 阅读(21) 评论(0) 推荐(0) 编辑
搜索历史和搜索建议、搜索结果的逻辑展示组件
摘要：
搜索逻辑的判断展示思路 * 1. 如果 keywords 是空，就显示搜索历史 * 2. 如果 input 聚焦，并且搜索关键词 keywords 不为空，就显示搜索建议 * 3. 点击搜索按钮或者在input框聚焦状态下按下 enter 触发 input 的时候展示搜索结果 <form actio 阅读全文
posted @ 2022-10-20 20:05 流浪のwolf 阅读(129) 评论(0) 推荐(0) 编辑
什么是 h5项目
摘要：
首先 h5项目不是 html5 的意思，在者 h5 不是微信网页 ； h5 是移动网页的统称 ； 阅读全文
posted @ 2022-10-20 18:45 流浪のwolf 阅读(111) 评论(0) 推荐(0) 编辑
vue.config.js 常用的属性
摘要：
// vue.config.js 文件是脚手架的配置文件 const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ transpileDependencies: true, lintOn 阅读全文
posted @ 2022-10-20 18:09 流浪のwolf 阅读(40) 评论(0) 推荐(0) 编辑