Cookie LocalStorage SessionStorage對比

Cookie LocalStorage SessionStorage對比

三者異同

操作

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等

set方法：

setStore (name, content) {

    if (!name) return

    if (typeof content !== 'string') {

      content = JSON.stringify(content)

    }

    window.localStorage.setItem(name, content)

  }

get方法：

 getStore (name) {

    if (!name) return

    return JSON.parse(window.localStorage.getItem(name))

  }

remove方法：

 removeStore (name) {

    if (!name) return

    window.localStorage.removeItem(name)

  }

cookie操作

由於js原生cookie介面不友好，建議使用js-cookie

$ npm install js-cookie --save

import Cookies from 'js-cookie'

Cookies.set('name', 'value', { expires: 365 });

Cookies.get('name');

Cookies.remove('name');