vue技术栈进阶(06.状态持久化, 严格模式, 数据双向绑定问题)

实现数据 持久化

为了避免刷新后的 数据消失, 利用plugin 来 实现

在全局注册plugin在这里插入图片描述
然后定义这个 js

在这里插入图片描述

严格模式

在全局store实例 中 添加

strict: true

再用赋值的方式 修改 state 中的 值 会报错

如果开启了 严格 模式 ,又 不希望 在生产环境下 会报错, 可以 判断环境 来进行严格模式 的检验。
在这里插入图片描述

vue双向绑定问题 (v-model)

如果在 vue 中用 v-modell 绑定 全局 store中 的state 值 会报错。

第一种 方式

所以我们需要 把 语法塘 拆分成 绑定属性 与 监听事件 两个 函数 , 通过 store 规定的 mutations 来修改state 中 的值就不会报错

第二种方式

v-model 绑定一个 计算属性, 属性中如下定义, 这也是 语法糖的 是实现原理

在这里插入图片描述

原文地址:https://www.cnblogs.com/jackson1/p/12726337.html