上下文
- 全局变量是全局的上下文
- 上下文是局部的全局变量
使用方法
-
const Context = createContext(initial)
创建上下文 -
<Context.Provider value={{n,setN}}></Context.Provider>
圈定作用域和设定初始值,一般是一个读接口和一个写接口 -
const {n,setN} = useContext(Context)
作用域内的组件使用上下文
注意事项——非响应式的
- 调用useContext的写接口,所有组件从上到下逐级执行,也就是所有组件都渲染一次,发现变化,局部更新
- 响应式是Vue3的特性,监听数据变化,通知使用的组件;例如:n发生变化,所有包含n的组件局部更新,没有n的变量不更新
网友评论