为什么有sessionStorage,localStorage等,还需要vuex

摘要:
用法:localStorage.setItem;localStorage.token=值;localStorage['token']=值;2.暂时保存会话存储会话存储,并清除关闭的页面。此外,会话的限制是相同的浏览器、相同的窗口和相同的源。只能存储字符串类型。对于其他类型,需要jsonstrify和parse方法来转换和存储。用法:sessionStorage.setItem;sessionStorage.token=值;sessionStorage['token']=值;3.Vuex用于在组件之间传递值。当多个组件共享一个数据源时,如果此时数据发生变化,其他组件也会同时发生变化。但是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 是双向绑定的,相对其他两个性能上有优势,但是刷新页面数据就会丢失,所以在实际使用的时候需要考虑应用场景

免责声明:文章转载自《为什么有sessionStorage,localStorage等,还需要vuex》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Git本地安装[Postman]授权(11)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue项目性能优化整理

 以下方式基于 @vue/cli 快速搭建的交互式项目脚手架 1. 路由懒加载 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。 1 imp...

vue路由传参以及接收参数的几种方法

vue路由传参方式可以划分为params传参、query传参和url字符串拼接,首先需要知道路由跳转并传参的方式(声明式导航和编程式导航)以及接收路由参数的方法 一、路由跳转并传参的方法 1、声明式导航 不带参跳转 对应的地址为/foo <router-link to="/foo">Go to Foo</router-link>...

vue 项目中使用 wangEditor

1,vue中安装wangEditor  使用的npm安装 npm install wangeditor --save 2,创建公用组件  在components中创建wangEditor文件夹 组件内容为 <template lang="html"> <div class="editor"> <div ref="t...

第六章 前端开发——Vue框架

第六章 前端开发学习——Vue框架 一、Vue介绍 二、Vue实例 三、Vue视图 四、Vue组件 五、Vue过度动画 一、Vue介绍 1.前端框架介绍 A)前端框架有 React      Facebook Angular   Google Vue         全世界 B)Angular、Vue、React的区别 Vue与React React...

vue,element列表大数据卡顿问题,vue列表渲染慢,element表格渲染慢,表格渲染慢(卡),表格全选卡,使用umy-ui

https://u-leo.github.io/umy-ui/docs/index.html https://github.com/u-leo/umy-ui ### umy-ui 一套为开发者准备的基于 Vue 2.0 的桌面端组件库,完美解决表格万级数据渲染卡顿,编辑表格卡顿问题 > umy-ui叫(U米-ui)或者叫悠米-ui > um...

vue源码实现的整体流程解析

一、前言 最近一直在使用vue做项目,闲暇之余查阅了一些关于vue实现原理的资料,一方面对所了解到的知识做个总结,另外一方面希望能对看到此文章的同学有所帮助。本文如有不足之处,还请过往的大佬批评指正。 二、vue实现原理概述 vue作为一个前端渐进式的MVVM开发库,将广大的前端劳苦大众从DOM操作中解放出来;说到vue的实现原理,大体可分为三个要素: 1...