Vue3 Composition API 中使用 Vuex

最新推荐文章于 2025-02-08 12:54:37 发布

原创

最新推荐文章于 2025-02-08 12:54:37 发布 · 783 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript

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

下面是一个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>