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 上看