vue2,3的vuex获取值

最新推荐文章于 2024-12-25 14:00:41 发布

叮咚前端

最新推荐文章于 2024-12-25 14:00:41 发布

阅读量1k

点赞数

分类专栏： vue3 文章标签： javascript typescript

本文链接：https://blog.youkuaiyun.com/qq_43033748/article/details/121195537

版权

vue3 专栏收录该内容

34 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue2和Vue3中如何使用Vuex进行状态管理，详细阐述了如何从Vuex store中获取并使用状态值，包括在组件内通过mapState、mapGetters辅助函数，以及在setup语法糖中的用法。

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

<template>
  <div>
   
    <h2>Home:{
  { $store.state.counter }}</h2>
    <hr>
    <h2>{
  {counter}}</h2>
    <h2>{
  {name}}</h2>
    <h2>{
  {age}}</h2>
    <h2>{
  {height}}</h2>
    <h2>{
  {sCounter}}</h2>
    <h2>{
  {sName}}</h2>
    <hr>
  </div>
</template>

<script>
//  import { computed } from '@vue/runtime-core'
  // import { useState } from '../hooks/useState'
  import {useStore,mapState} from 'vuex'
  import {computed} from 'vue'
  
  export default {
    computed:{
      counter:function(){
        return this.$store.state.counter
      },
      // ...mapState(["co