3

我正在研究Vue Freeze,一切都运行良好,但我意识到 Vue Freeze 仍然无法像Vuex那样进行“热更新”。

因此,即使我们只改变了状态树的一小部分,所有使用 Vue Freeze 状态的组件都会被重新渲染。

示例案例:

var states = {
 
 user: {
   role: "admin"
 },
 
 todos: [
   { value: "halo" },
   { value: "hai" }
 ]
  
}

每次我们更改 'state.user.role' 时,Vue 都会重新渲染所有使用 'state' 对象的组件。因此,尽管我没有更改待办事项状态('state.todos'),但它会重新渲染我的待办事项列表组件。

我想要的是,当我们更新“state.user.role”时,我们不会触发使用“state.todos”的 DOM 的重新渲染,而只会重新渲染使用“state.user.role”的组件只要。

提前感谢您提供的任何帮助~

4

0 回答 0