zoukankan      html  css  js  c++  java
  • 为什么有sessionStorage,localStorage等,还需要vuex

    定义

    1.local storage

    local storage以文件的方式存储在本地,永久保存。只能存储字符串类型, 对于其他类型可使用JSON.stringify和JSON.parse方法转换存储。

    用法:localStorage.setItem("token": value);

    localStorage.token = value;

    localStorage['token'] = value;

    2.SessionStorage

    session storage会话存储,临时保存,关闭页面就被清除。除此之外,session的限制还在于 同一浏览器、同一窗口并且同源。只能存储字符串类型, 对于其他类型需要json stringify和parse方法转换存储。

    用法:

    sessionStorage.setItem("token": value);

    sessionStorage.token = value;

    sessionStorage['token'] = value;

    3.Vuex

    用于组件之间传值,当多个组件共用一个数据源的时候,如果此时数据发生变化,其他组件同时变化.But Vuex是存储在内存中的,页面刷新 =>清空内存=>所以状态会丢失。

    可用于组件之间的通信。方便。

    优缺点

    vuex 是双向绑定的,相对其他两个性能上有优势,但是刷新页面数据就会丢失,所以在实际使用的时候需要考虑应用场景

  • 相关阅读:
    在HTML文件中加载js
    HTML表单的问题
    HTML自动换行的问题
    HTML的结束标签问题
    数据库基本知识
    PHP中数据库的连接
    2014年7月
    3.2版本视频讲解知识点
    2014年7月
    选项卡
  • 原文地址:https://www.cnblogs.com/zhenhunfan2/p/13633431.html
Copyright © 2011-2022 走看看