vue2,3的vuex获取值

<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(["counter", "name", "age", "height"]),
      // ...mapState({counter:state=>state.counter})
      // ...mapState({counter:function(state){
      //   return state.counte