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

    可以用来为源响应式对象上的 property 性创建一个ref。然后可以将 ref 传递出去,从而保持对其源 property 的响应式连接。

    const state = reactive({
    	foo: 1,
    	bar: 2
    })
    
    const fooRef = toRef(state, 'foo')
    
    fooRef.value++
    console.log(state.foo) // 2
    
    state.foo++
    console.log(fooRef.value) // 3
    

    当您要将 prop 的 ref 传递给复合函数时,toRef很有用:

    export default {
    	setup(props) {
    		useSomeFeature(toRef(props, 'foo'))
    	}
    }
    

    上篇:reactive()

    下篇:toRefs()