zoukankan      html  css  js  c++  java
  • vue技术栈进阶(06.状态持久化, 严格模式, 数据双向绑定问题)

    实现数据 持久化

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

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

    在这里插入图片描述

    严格模式

    在全局store实例 中 添加

    strict: true
    

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

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

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

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

    第一种 方式

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

    第二种方式

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

    在这里插入图片描述

  • 相关阅读:
    OS-lab4
    OS-lab3
    OS-lab2
    OS-lab1
    OO第四单元总结
    OO第三单元总结
    OO第二单元总结
    HTTP_POST
    实习日志1(2020.7.27-2020.9.31)
    Web app ------ 从Servlet读取Json数据并显示,生成历史数据曲线图
  • 原文地址:https://www.cnblogs.com/jackson1/p/12726337.html
Copyright © 2011-2022 走看看