高度なvueテクノロジースタック(06.状態の永続性、厳密モード、双方向データバインディングの問題)

データの永続性

更新されたデータの消失を回避するには、プラグインを使用して

プラグインをグローバルに登録するここに画像の説明を挿入
次に、このjsを定義します

ここに画像の説明を挿入

厳格モード

グローバルストアインスタンスに追加

strict: true

割り当てによって状態の値を変更すると、エラーが発生します

厳密モードがオンになっていて、実稼働環境でエラーを報告したくない場合は、環境を判断して厳密モード検査を実行できます。
ここに画像の説明を挿入

vue双方向バインディング問題(vモデル)

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

最初の方法

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

第二の方法

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

ここに画像の説明を挿入

おすすめ

転載: www.cnblogs.com/jackson1/p/12726337.html