项目问题总结

加油!

文章目录

  • 1. 二次封装 axios 做了什么
  • 2. 路由的生命周期
  • 3、 vue2 和 vue3的区别
  • 4、vuex


1. 二次封装 axios 做了什么

  • 请求拦截

    • 成功: 头部添加token
    • 失败: 返回错误信息
  • 响应拦截

    • 如果没有 token ,就提示转为登录页

路由守卫是 vue router 提供的一种机制,用于路由跳转前的的拦截或者控制,有三种路由守卫:全局前置路由守卫,全局后置路由守卫,和组件内的路由守卫
前置路由守卫是对路由跳转前的拦截,比如做跳转前的验证或者权限判断,
后置路由守卫是路由跳转后的相应页面操作,比跳转完关闭当前路由
组件内的路由守卫是对组件内部进行路由拦截控制,常多用于业务逻辑
权限验证

用户登录的成功会返回一个token,存放到local 里,每次在跳转路由的时候会在前置路由守卫里判断下token是否存在,或者是否过期,都符合就next放行

2. 路由的生命周期

keep-alive 是vue内置组件,可以将组件持久化,在下次展示时不会重新初始化,维持状态不变,有两个生命周期activeted和deactived ,一个是组件被激活,一个是离开时触发。 max 缓存的最大数,include 名字匹配的会被缓存,exclude 相反

3、 vue2 和 vue3的区别

  1. 语法不一样,vue2使用选项式API,分割了data,methodswatch等属性,vue3使用组合式api

  2. 生命周期不一样,vue2中的beforeCreate和create在vue3里是setup

  3. 响应式原理不同,vue2使用的defindpoty vue3使用的proxy 代理

  4. vue2 响应式数据在data里,vue3 使用reactive创建响应式数据

  5. vue2只有一个根节点

4、vuex

他是一个状态管理工具,我在项目一般用它来保存值,比如商品添加页用户发现一些东西没建立,在添加页跳转到某个页前完成操作后发现之前输入的值没有发生改变,还有就是封装组件的时候,我之前封装一个头部的组件,里面嵌套了两个组件,会有公共的数据,

状态管理工具 : 缓存值,组件传值

  • state
  • getter:用于获取State中的数据,可以对State中的数据进行计算和筛选,可以操作vuex 数据的computed
  • mutations 可以直接修改状态的变化,主要用于处理同步的状态变化
  • actions 需要调用mutations的commit 方法,间接修改状态,主要用于处理异步的状态变化

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/184641.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

算法面试题--树与对象数组的转化

1. Array -> Tree var arr [{ id: 12, parentId: 1, name: "朝阳区" },{ id: 241, parentId: 24, name: "田林街道" },{ id: 31, parentId: 3, name: "广州市" },{ id: 13, parentId: 1, name: "昌平区" },{ id: 2421, parentId:…

曲面拼接oled屏幕为何受到企业展览青睐

曲面拼接OLED屏幕受到企业展览青睐的原因主要有以下几点: 创新的技术:曲面拼接OLED屏幕采用先进的OLED技术,具有自发光原理,可以实现真正的黑色和高对比度,呈现出生动的图像。其每个像素都能独立发光,没有背…

Windows系统下使用PHPCS+PHPMD+GIT钩子

前言 使用PHPCSGIT钩子保障团队开发中代码风格一致性实践 使用PHPMD提高代码质量与可读性 0.介绍 PHP_CodeSniffer php代码嗅探器 包含phpcs(php code standard 代码标准) phpcbf(php code beautify fix 代码美化修复) 是一个代码风格检测工具,着重代码规范 它包含两类脚本…

Android Sensor调用从上层到底层

Sensor应用层调用 SensorManager mSensorManager; Sensor mSensor; mSensorManager (SensorManager) getSystemService(SENSOR_SERVICE); //获取sensor服务 mSensor mSensorManager.getDefaultSensor(Sensor.TYPE_PRESSURE); //获取默认sensor类型mSensorManager.registerLi…

有时出厂重置BIOS是解决电脑问题和保持其最佳性能的好办法,主要有两种方法

​BIOS是计算机开机时启动的第一个程序,它有助于执行一些基本的计算机操作,并管理计算机和安装在计算机上的操作系统之间的命令。与任何其他程序一样,如果在启动计算机时遇到问题或在计算机中添加了新硬件,则可能需要将BIOS重置为…

「幻醒蓝」可视化主题套件|融合天空的清澈与海洋的深邃

现如今,数据可视化已成为信息传递的重要手段之一。在这样一个信息爆炸的时代,向人们传达正确的信息显得尤为重要。为此,可视化主题套件应运而生,提供了一种多样化的、可视化的方式来展示数据。不同的主题套件能够适应不同的信息传…

图论|841钥匙和房间

题目: 有 n 个房间,房间按从 0 到 n - 1 编号。最初,除 0 号房间外的其余所有房间都被锁住。你的目标是进入所有的房间。然而,你不能在没有获得钥匙的时候进入锁住的房间。当你进入一个房间,你可能会在里面找到一套不同…

免费的电脑AI写作工具-5款好用的智能AI写作软件

随着人工智能(AI)技术的不断进步,电脑AI写作已经成为现代写作领域的一项不可或缺的工具。通过深度学习和自然语言处理的融合,AI写作软件得以模拟人类的创造性和表达能力,为我们提供了快速、高效地生成优质文字内容的可…

15.spring源码解析-invokeBeanFactoryPostProcessors

BeanFactoryPostProcessor接口允许我们在bean正是初始化之前改变其值。此接口只有一个方法: void postProcessBeanFactory(ConfigurableListableBeanFactory beanFactory);有两种方式可以向Spring添加此对象: 通过代码的方式: context.addBeanFactoryPostProcessor 通过xml…

HAProxy简写

概念: 简单地说,HAProxy就是一款免费的负载均衡的软件,类似于LVS。能基于4层(TCP)或者7层(HTTP)提供服务,适合大并发场景(1w以上并发)。 主要特效&#xff…

springboot+netty化身Udp服务端,go化身客户端模拟设备实现指令联动

🎏:你只管努力,剩下的交给时间 🏠 :小破站 springbootnetty化身Udp服务端,go化身客户端模拟设备实现指令联动 🔗涉及链接前言异步通信的优势异步通信的优势:异步通信的应用场景&…

电子学会 2023年9月 青少年软件编程Python编程等级考试二级真题解析(选择题+判断题+编程题)

青少年编程Python编程等级考试二级真题解析(选择题+判断题+编程题) 2023年9月 一、选择题(共25题,共50分) 以下代码运行结果是?( ) A. 宸宸 B. 杭杭 C. 玉玉 D. 州州 答案选:A 考点分析:考察python 列表操作 jxw=yyh[2][0],jxw的值是“拱宸桥”,jxw[1]的值是“宸”…

读书笔记之《价值》张磊

读书笔记之《价值》张磊 自序 这是一条长期主义之路 长期主义——把时间和信念投入能够长期产生价值的事情中,尽力学习最有效率的思维方式和行为标准,遵循第一性原理,永远探求真理。 真正的投资,有且只有一条标准,那…

Java实现飞翔的鸟小游戏

Java实现飞翔的鸟小游戏 1.准备工作 创建一个新的Java项目命名为“飞翔的鸟”,并在src中创建一个包命名为“com.qiku.bird",在这个包内分别创建4个类命名为**“Bird”、“BirdGame”、“Column”、“Ground”,并向需要的图片**素材导入…

PSP - 解决 ESMFold 推理长序列蛋白质结构的显存溢出问题

欢迎关注我的CSDN:https://spike.blog.csdn.net/ 本文地址:https://spike.blog.csdn.net/article/details/134709211 使用 ESMFold 推理长序列 (Seq. Len. > 1500) 时,导致显存不足,需要设置 chunk_size 参数,实现长…

点赞和关注功能

今天分享一个常见的面试题:如何实现点赞和关注功能? 下面笔者将深入浅出给出这个面试的解答,笔者不仅会分享思路,而且还会给出具体代码实现,帮助读者更好地完全理解功能实现。 其实要实现点赞和关注功能,…

第八话:前途和钱总要占一个

是啊,有时候职场就是这么现实,你说你到一家公司能图啥,图它能让你享受累死累活的快感还是图他给你养老送终?还不是图那点工资,图能多学点东西在下一家公司开的高一点,多少人背井离乡不就为了博一个前程。 小蔡怎么说也算是陪公司从低谷爬起来的,至少也待了1、2年了,但是…

同旺科技 分布式数字温度传感器 -- OPC Servers测试

内附链接 1、数字温度传感器 主要特性有: ● 支持PT100 / PT1000 两种铂电阻; ● 支持 2线 / 3线 / 4线 制接线方式; ● 支持5V~17V DC电源供电; ● 支持电源反接保护; ● 支持通讯波特率1200bps、2…

谁可以从使用 Amazon Lightsail 进行 VPS 托管中受益?

文章作者:Libai 介绍 在当今数字化的环境中,拥有可靠和高效的托管解决方案对于企业和个人来说至关重要。由于其灵活性、可扩展性和成本效益,虚拟专用服务器(VPS)托管已经在市场上获得了巨大的流行。Amazon Lightsail …

最新Midjourney绘画提示词Prompt

最新Midjourney绘画提示词Prompt 一、AI绘画工具 SparkAi【无需魔法使用】: SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI创作ChatGPT?小编这里写一个详细图文教程吧!本系统使用NestjsVueTypescript框架技术&am…