一文讲透Vuex 组件传值 存值与取值 数据流转 三板斧

前端开发 极其重要的一环即是数据 甚至可说最重要的一环
本文讲解vue2中常用的vuex实现前端数据间的流转

state 定义数据

const state = {
   
    // 存储一些初始值
    code: '',
    token: '',
    userInfo: getToken()
}

mutations 操作数据 state 默认参数

const mutations = {
   
    GETUSERINFO(state, userInfo) {
   
        state.userInfo = userInfo
    }
}

actions 定义方法触发mutations

    // 获取用户信息
    async getUserInfo
### 全面深入理解 TCP/IP 协议 #### 一、TCP/IP 协议概述 TCP/IP 是一种用于实现计算机之间通信的协议集,支持不同类型的网络设备之间的互连互通。该协议最初由美国国防部高级研究计划局 (ARPA) 开发,旨在创建一个可靠的分布式网络系统[^3]。 #### 二、TCP/IP 四层模型详解 TCP/IP 模型分为四个层次:应用层、输层、网际层以及链路层。每一层都有特定的功能服务: - **应用层**:负责处理应用程序间的交互逻辑,常见的有 HTTP, FTP SMTP 等协议; - **输层**:提供端到端的数据送服务,主要包含两个子协议——面向连接的 TCP 及无连接的 UDP; - **网际层**:也称为 IP 层,负责路由选择包转发功能,确保数据能够跨越多个网络到达目标地址; - **链路层**:管理物理介质上的帧交换过程,涉及 MAC 地址寻址机制等[^2]。 #### 三、TCP 首部结构分析 TCP 报头包含了源端口、目的端口号、序列号等多个字段来保证可靠性的特性。具体来说, | 字段名称 | 含义 | |--------------|------------------------------------------------------------| | Source Port | 发送方使用的端口号 | | Destination Port | 接收方监听的服务端口号 | | Sequence Number | 当前字节流中的第一个字节编号 | | Acknowledgment Number | 下一个期望收到的数据位置 | | Data Offset | 表示头部长度 | | Reserved | 保留位 | | Flags | 控制标志(URG/ACK/PUSH/RST/SYN/FIN),用于指示特殊操作 | | Window | 告知对方窗口大小 | | Checksum | 对整个报文进行校验 | | Urgent Pointer | 如果设置了 URG,则此指针指向紧急数据的第一个字节 | 这些信息共同作用于建立稳定高效的会话连接并保障数据完整递给上层应用[^1]。 #### 四、三次握手四次挥手流程说明 为了建立起一条完整的双向通讯路径,在客户端发起请求之前需要经历所谓的 "三次握手" 过程;而在结束对话时则需执行 “四次挥手”。以下是具体的步骤描述: ##### 三次握手 1. 客户端向服务器发送带有 SYN 标志置为 1 的初始同步消息,并随机生成 ISN 序列号 X。 2. 服务器接收到后回复 ACK=Y+1 并附带自己的 ISN Y 给客户端确认已接收。 3. 最终客户再次回应 ACK=X+1 来完成整个初始化阶段。 ##### 四次挥手 当任意一方想要终止当前链接关系时, 1. 主动关闭方向发出 FIN 请求表示不再发送更多数据。 2. 被动关闭方返回 ACK 承认断开指令已被接受。 3. 若被动侧也有未完成的任务,则可继续发送剩余部分直至全部完成后同样提出FIN申请。 4. 主动关闭者最后给予肯定答复即完成了整个拆除动作。 以上就是关于TCP/IP协议较为详细的介绍。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值