• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • ref()

    接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value

    示例:

    const count = ref(0)
    console.log(count.value) // 0
    
    count.value++
    console.log(count.value) // 1
    

    如果将对象分配为 ref 值,则可以通过 reactive 方法使该对象具有高度的响应式。

    类型声明:

    interface Ref <T> {
    	value: T
    }
    
    function ref <T>(value: T): Ref<T>
    

    有时我们可能需要为 ref 的内部值指定复杂类型。我们可以通过在调用ref来覆盖默认推断时传递一个泛型参数来简洁地做到这一点:

    const foo = ref<string | number>('foo') // foo's type: Ref<string | number>
    
    foo.value = 123 // ok!
    

    如果泛型的类型未知,建议将ref转换为Ref<T>

    function useState <State extends string>(initial: State) {
    	const state = ref(initial) as Ref<State> // state.value -> State extends string
            return state
    }
    

    上篇:reactive()

    下篇:unref()