useStateRef 1.0.10

用于定义Ref的变量
根据传入默认值, 分别可以定义Number,String,Object,Array

Number

<script setup lang="ts">
import { ref } from 'vue'
import { useStateRef } from '@gx-web/tool'

const [num, setNum, resetNum] = useStateRef(0)
</script>

The state is: 0

String

<script setup lang="ts">
import { ref } from 'vue'
import { useStateRef, randomString } from '@gx-web/tool'

const [str, setStr, resetStr] = useStateRef('wjh')
</script>

The state is: wjh

Object

<script setup lang="ts">
import { ref } from 'vue'
import { useStateRef, randomString } from '@gx-web/tool'

const [obj, setObj, resetObj] = useStateRef(() => ({
  name: 'wjh',
  age: 18
}))
</script>

The state is: { "name": "wjh", "age": 18 }

Array

<script setup lang="ts">
import { ref } from 'vue'
import { useStateRef, randomString } from '@gx-web/tool'

const [arr, setArr, resetArr] = useStateRef(() => ([1]))
</script>

The state is: [ 1 ]