当前位置: 首页 > article >正文

Vue的状态管理:用响应式 API 做简单状态管理、状态管理库(Pinia )

文章目录

  • 引言
    • 单向数据流
    • 多个组件共享一个共同的状态
  • I 用响应式 API 做简单状态管理
    • 使用 reactive()创建一个在多个组件实例间共享的响应式对象
    • 使用ref()返回一个全局状态
  • II 状态管理库
    • Pinia
    • 枚举状态管理

引言

单向数据流

每一个 Vue 组件实例都在“管理”它自己的响应式状态了。以一个简单的计数器组件为例:

<script setup>
import {
    ref } from 'vue'

// 状态
const count = ref(0)


http://www.kler.cn/a/533264.html

相关文章:

  • 构建一个翻译助手Agent:提升翻译效率的实践
  • 从Transformer到世界模型:AGI核心架构演进
  • Chromium132 编译指南 - Android 篇(一):编译前准备
  • 【大数据技术】教程03:本机PyCharm远程连接虚拟机Python
  • ros 发布Topic
  • SQL Server中RANK()函数:处理并列排名与自然跳号
  • 【论文精读】Taming Transformers for High-Resolution Image Synthesis
  • 【入门】如何使用DeepSeek批量创作短视频
  • git 指定ssh key
  • 【漫话机器学习系列】081.测量理论(Almost Everywhere)
  • 3D图形学与可视化大屏:如何让材质与光照进行交互。
  • C# 字符串与正则表达式介绍
  • 2.5学习
  • 阿里 Java 岗个人面经分享(技术三面 + 技术 HR 面):Java 基础 +Spring+JVM+ 并发编程 + 算法 + 缓存
  • 【学Rust写CAD】3 绝对坐标系详解
  • mini-lsm通关笔记Week2Day6
  • 电商项目-分布式事务(四)基于消息队列实现分布式事务
  • 【AI】DeepSeek R1本地化部署 Ollama + Chatbox 打造最强AI工具
  • php反序列化含CTF实战
  • Java三十天速成(java进阶篇)
  • 在uniapp中修改打包路径
  • Maven(Ⅲ)继承和聚合
  • 【Origin笔记-2】降水量变化趋势单位理解
  • Flink (十四) :Table API SQL (二) 流式概念
  • 使用DeepSeek的技巧笔记
  • 【怎么用系列】短视频戒除—2—(移动端)抖音等短视频定时关闭方法