使用 Nativescript-vue 将数据存储到数据库

Question

我开始学习 Vue JS，现在正在尝试学习 nativescript-vue。我应该怎么做才能拥有一个离线数据库，我可以在不使用互联网连接的情况下存储我的数据。我听说过 Firebase，但我认为如果没有互联网连接我就无法使用我的应用程序。谢谢！

Answer 1

您可以在启用持久化的情况下使用 Firebase，或者您可以将 sqlite (https://www.npmjs.com/package/nativescript-sqlite) 与 vuex 很好地结合使用。

Answer 2

简单的解决方案：如果您在应用程序中使用应用程序设置，则可以将简单数据存储在 json 对象中。

如果您签出：https://www.nativescript.org/blog/key-value-local-storage-in-a-vue.js-nativescript-app-with-vuex

本文包含一个分步示例，说明如何使用 vuex 存储来实现。

来自该页面：（商店）

import Vue from 'nativescript-vue';
import Vuex from 'vuex';
import * as ApplicationSettings from "application-settings";

Vue.use(Vuex);

const store = new Vuex.Store({
    state: {
        firstname: "",
        lastname: ""
    },
    mutations: {
        load(state) {
            if(ApplicationSettings.getString("store")) {
                this.replaceState(
                    Object.assign(state, JSON.parse(ApplicationSettings.getString("store")))
                );
            }
        },
        save(state, data) {
            state.firstname = data.firstname;
            state.lastname = data.lastname;
        }
    }
});

Vue.prototype.$store = store;

module.exports = store;

然后在您的应用中保存：

methods: {
    save() {
        this.$store.commit("save", this.input);
    },

}

您还需要添加更改以保存到应用程序设置：

一个简单的方法是添加到保存突变：

 save(state, data) {
                state.firstname = data.firstname;
                state.lastname = data.lastname;
                ApplicationSettings.setString("store", JSON.stringify(state));
            }

使用 Nativescript-vue 将数据存储到数据库

Store data to db using Nativescript-vue

nativescript

nativescript-vue