Vue3 Composition API 中使用 Vuex

最新推荐文章于 2023-08-09 18:42:00 发布

HappyBiblee

最新推荐文章于 2023-08-09 18:42:00 发布

阅读量761

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue3 文章标签： vue javascript

本文链接：https://blog.youkuaiyun.com/yeziyuCoder/article/details/120285706

本文介绍如何在Vue3中使用Composition API结合Vuex管理状态。通过一个todoList实例，展示了如何运用state、mutations、actions，并提供了一个完整的代码示例链接。文章作者在博客园分享了更多Vue3相关知识，欢迎大家关注。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面是一个Vue3 Composition API 中使用Vuex的实例todoList，用到了state，mutations，actions，可以把自己之前用vue2的旧语法改写成vue3的语法，使用setup，ref, reactive, toRefs，useStore等，
完整代码指路：github: color-library；
原文出处：Vue3 Composition API 中使用 Vuex；
原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~

<!-- todoList.vue -->
<template>
  <div class="todo-list-wrap">
    <h2>{
  { title }}</h2>
    <div class="name-wrap">
      <h3>{
  { name }}</h3>
      <el-button @click="handleChangeName">
        修改
      </el-button>
      <el-button @click="handleRestoreName">
        还原
      </el-button