1---
2category: Utilities
3---
4 
5# useToNumber
6 
7Reactively convert a string ref to number.
8 
9## Usage
10 
11```ts
12import { useToNumber } from '@vueuse/core'
13import { shallowRef } from 'vue'
14 
15const str = shallowRef('123')
16const number = useToNumber(str)
17 
18number.value // 123
19```
20 
21## Type Declarations
22 
23```ts
24export interface UseToNumberOptions {
25  /**
26   * Method to use to convert the value to a number.
27   *
28   * Or a custom function for the conversion.
29   *
30   * @default 'parseFloat'
31   */
32  method?: "parseFloat" | "parseInt" | ((value: string | number) => number)
33  /**
34   * The base in mathematical numeral systems passed to `parseInt`.
35   * Only works with `method: 'parseInt'`
36   */
37  radix?: number
38  /**
39   * Replace NaN with zero
40   *
41   * @default false
42   */
43  nanToZero?: boolean
44}
45/**
46 * Reactively convert a string ref to number.
47 *
48 * @__NO_SIDE_EFFECTS__
49 */
50export declare function useToNumber(
51  value: MaybeRefOrGetter<number | string>,
52  options?: UseToNumberOptions,
53): ComputedRef<number>
54```
55