var localStorage = window.localStorage;
const db = {
    /** 
     * 更新?tīng)顟B(tài) 
     */
    save(key, value) {
        // console.log(key, value);
        try {
            localStorage.setItem(key, JSON.stringify(value));
        } catch (error) {
            console.error("Error storing data in localStorage:", error);
        }
    },
    /** 
     * 獲取狀態(tài)，如果有狀態(tài)值，獲取最新?tīng)顟B(tài)值；如果沒(méi)有，獲取默認(rèn)值 
     */
    get(key, getSaveVal = null) {
        // console.log(key, getSaveVal);
        try {
            return JSON.parse(localStorage.getItem(key)) || getSaveVal;
        } catch (err) {
            // console.log(err);
            return null; // 如果發(fā)生錯(cuò)誤，也返回 null
        }
    },
    /** 
     * 移除狀態(tài) 
     */
    remove(key) {
        // console.log(key);
        localStorage.removeItem(key);
    },
    /** 
     * 清空狀態(tài) 
     */
    clear() {
        localStorage.clear();
    }
};
export default db;

import db from "@/store/localStorage";
 
new Vue({
  el: '#app',
  beforeCreate() {
    // 在 Vue 實(shí)例創(chuàng)建之前將 db 方法添加到原型上  
    Vue.prototype.$db = db;
  },
  router,
  store,
  render: h => h(App)
})

//直接在created里面打印查看
created() {
    console.log(this.$db);
},

//存儲(chǔ)數(shù)據(jù)
this.$db.save('存儲(chǔ)的名字',存儲(chǔ)的數(shù)據(jù) );
 
//獲取數(shù)據(jù)
this.$db.get("獲取的存儲(chǔ)數(shù)據(jù)名稱(chēng)");
 
//移除數(shù)據(jù)
this.$db.remove("移除存儲(chǔ)數(shù)據(jù)的指定名稱(chēng)");
 
//全部清空
this.$db.clear();