流浪のwolf

摘要： // 父组件传 1 个值 关键词 // 子组件 的 emit自定义的search事件会委托父组件改变 keywords 的值 然后更新 props 的keywords 然会触发 watch 的 handler 函数 然后请求建议数据 <template> <div> <!-- 显示搜索建议 --> 阅读全文

摘要： 搜索逻辑的判断展示思路 * 1. 如果 keywords 是空，就显示搜索历史 * 2. 如果 input 聚焦，并且搜索关键词 keywords 不为空，就显示搜索建议 * 3. 点击搜索按钮或者在input框聚焦状态下按下 enter 触发 input 的时候展示搜索结果 <form actio 阅读全文

摘要： 首先 h5项目不是 html5 的意思，在者 h5 不是微信网页 ； h5 是移动网页的统称 ； 阅读全文

摘要： // vue.config.js 文件是脚手架的配置文件 const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ transpileDependencies: true, lintOn 阅读全文

摘要： 1. vue create 项目名称 整理目录 2. 工具层 utils 封装本地存储 storage.js 存值 取值 删值 封装请求实例 request.js 创建实例 - 配置基准地址 baseURL 请求拦截器 - 统一携带 token 响应拦截器 - 处理 token 过期 未登录 异常错 阅读全文

摘要： 场景：token过期，然后更新了token 重新发起请求获取数据 ； 代码：使用上一次的错误请求配置报错 return request(error.config) ； 解决 ： return request({ ...error.config, headers: {}, }); // 添加响应拦截器 阅读全文

摘要： 1. 添加全局前置路由守卫 import store from "@/store"; import Vue from "vue"; import VueRouter from "vue-router"; Vue.use(VueRouter); const routes = [ { path: "/" 阅读全文

摘要： hidden 会隐藏input 标签内容显示，不占位置 ； <input type="file" name="" id="" ref="imgFile" @change="changeFile" style="width: 100%" /> 使用了hidden 书框框隐藏了 阅读全文

摘要： 2者都是编程式路由跳转用来存放传递数据的位置，query使用path引入，数据显示在地址栏上，params使用name引入，传递的数据在页面看不见 ； 阅读全文

摘要： 单向数据流是父组件传给子组件的数据，子组件没有权利修改，只能委托父组件修改，然后子组件更新 阅读全文