vue 插件: vuejs-storage | maple 的廢文集中區

vue 插件: vuejs-storage

這是一個為 vue 綁定 localStorage/sessionStorage 的插件,也能用於 vuex 上面

GitHub: https://github.com/maple3142/vuejs-storage

簡單的 TodoList 範例: maple3142/TodoList

安裝

安裝: npm install vuejs-storage
瀏覽器可以引用 cdn: https://unpkg.com/vuejs-storage

程式碼

1
2
3
4
5
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<script src="https://unpkg.com/vuejs-storage/dist/vuejs-storage.min.js"></script>
<div id="vjss">
<input type="text" v-model="text">
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
Vue.use(vuejsStorage) //安裝插件
new Vue({
el: '#vjss',
data: {
text: ''
},
storage: {
//使用storage選項
namespace: 'vuejs-storage-example',
//指定要存哪些變數
keys: ['text']
}
})

更多詳細的教學可以到 https://github.com/maple3142/vuejs-storage 上看