Vuex热更新如何工作?

时间:2016-04-29 01:01:50

标签: javascript vue.js vue-component

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

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

示例案例:

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

每当我们更改'state.user.role'时,Vue将重新渲染所有使用'state'对象的组件。因此,虽然我没有改变todo状态('state.todos'),但它会重新渲染我的Todo List Component。

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

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

0 个答案:

没有答案