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

程式碼

<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>
Vue.use(vuejsStorage) //安裝插件
new Vue({
	el: '#vjss',
	data: {
		text: ''
	},
	storage: {
		//使用storage選項
		namespace: 'vuejs-storage-example',
		//指定要存哪些變數
		keys: ['text']
	}
})

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