JavaScript
localStorage
Vue.js

[Vue.js]Vue.jsでLocalStrageを使う


src/plugins/VueLocalStrage.js


export default {
install(vue) {
vue.prototype.$storage = {
get(key) {
// localstrageからとる
return localStorage.getItem(key)
},
set(key, value) {
// localstrageへ保存
localStorage.setItem(key, value)
},
}
},
}


使うところ


<script>

/////////////// 省略 ///////////////

methods: {
setLocalStrage(){
// ローカルストレージに値を保存する
this.$storage.set('email', this.email)
},
sgtLocalStrage(){
// ローカルストレージに値を取得する
this.$storage.get('email', this.email)
},
}

</script>