Indexeddb local storage, homepage optimization

    <el-button type="primary" @click="createdDB"> Create database </el-button>
    <el-button type="primary" @click="addDB"> Add data </el-button>

	var db;
    createdDB() {
    
      var request = window.indexedDB.open("db", 3);

      request.onsuccess = function (e) {
    
        db = e.target.result;
        console.log(" Database open successfully ", db);
      };

      request.onupgradeneeded = function (event) {
    
        db = event.target.result;
        var objectStore;
        if (!db.objectStoreNames.contains("person")) {
    
          objectStore = db.createObjectStore("person", {
     keyPath: "id" });
        }
      };
    },
    addDB() {
    
      db.transaction(["person"], "readwrite")
        .objectStore("person")
        .add({
     id: 0, name: " Xiao Ming ", age: 12 });
    },