标签
note
字数
210 字
阅读时间
1 分钟
可以绑定,相当于双向绑定的对象变成了 store,但这种方式并不建议
缺点
store 的直接改变会导致依赖 store 的数据全部 update,间接导致了相应组件的 render
- 如果有很多组件都绑定了 store 中的数据,当用户输入内容时,可能会触发多次重新渲染,导致性能下降。
正常做法
为了避免上述情况,我们应当使用组件的局部状态(data)来维护表单数据,而不是直接绑定 Vuex 的 store 数据
- 这样可以减少不必要的重新渲染,提高应用的性能
当需要提交表单时,再通过 Vuex 的 Mutation 操作更新 store 中的数据
示例 demo:Site Unreachable