本地儲存 使用localStorage 儲存資料

新建專案（不知道怎麼新建專案？參考文章：vue-cli3 搭建vue專案）

目錄結構

介面顯示

新增store.js

export default ;

需要在使用的時候import進來。

html

v-for="(item, index) in list"

:key="index"

@click="changestate(index)"

:class=""

>}

script

import store from "./common/store"; // 引入store模組

const storage_key = "my-key";
export default ;
}, components: {},
mounted() {},
methods: );
this.keyword = "";
},// 點選後改變狀態
changestate(index) ,
}, watch: ,
deep: true, // 切換為false之後，點選切換狀態，重新整理看效果，未觸發watch。
},},};

*

.wrap 
input 
li li.complete 

cookie與本地儲存localStorage

cookie預設是臨時儲存的，當瀏覽器關閉時，自動銷毀。如果想長時間存放乙個cookie，同時需要設定乙個過期時間。localstorage.keyname value localstorage keyname value 注 localstorage是長期資料儲存，sessionstorage臨時...

jquery 的本地儲存 localStorage

前面寫了jquery 本地儲存 cookie 的基本用法 jquery cookie示例 只提示一次的彈框 兩篇介紹cookie用法的篇章之後，下面來看看 localstorage 這個本地儲存的方式。2 localstorage 儲存在本地，容量為5m或者更大，不會在請求時候攜帶傳遞，在所有同源視...

使用本地儲存

使用cookieclass cookie else getcookie name else eslint disable line delcookie name const usecookie new cookie export default usecookie帶過期時間的本地儲存import s...