美文网首页
useContext

useContext

作者: 我是Msorry | 来源:发表于2021-01-11 09:52 被阅读0次

    上下文

    • 全局变量是全局的上下文
    • 上下文是局部的全局变量

    使用方法

    • const Context = createContext(initial)创建上下文
    • <Context.Provider value={{n,setN}}></Context.Provider>圈定作用域和设定初始值,一般是一个读接口和一个写接口
    • const {n,setN} = useContext(Context)作用域内的组件使用上下文

    注意事项——非响应式的

    • 调用useContext的写接口,所有组件从上到下逐级执行,也就是所有组件都渲染一次,发现变化,局部更新
    • 响应式是Vue3的特性,监听数据变化,通知使用的组件;例如:n发生变化,所有包含n的组件局部更新,没有n的变量不更新

    相关文章

      网友评论

          本文标题:useContext

          本文链接:https://www.haomeiwen.com/subject/nbqbrktx.html