有没有办法将变量从状态带入随机打字稿文件？

Question

我正在使用 vue.js 和 vuetify。我有一个存储在状态中的值（使用 Vuex），它在 scr/store/index.ts（一个名为 darkMode 的布尔值）中定义，我在 .vue 中的一个视图组件中使用它文件。但是，我想在我有 vuetify 设置 (src/plugins/vuetify.ts) 的 typescript 文件中使用相同的变量。这可能吗？我是 vue 新手。js/vuetify/typescript.

这是我的代码片段：

// src/plugins/vuetify.ts

import Vue from "vue";
import Vuetify from "vuetify/lib/framework";

Vue.use(Vuetify);

export default new Vuetify({
  theme: {
    dark: darkMode, // <--- HERE IS WHERE I WANT TO USE MY VARIABLE FROM STATE
    themes: {
      light: {
        primary: "#32A4A0",
        secondary: "#C83C96",
        background: "#FFFFFF",
        border: "BEBEBE",
        warning: "#FFE011",
        error: "#F40808",
      },
      dark: {
        primary: "#4EC0EB",
        secondary: "#FF79C0",
        background: "#353535",
        border: "BEBEBE",
        warning: "#FFE011",
        error: "#F40808",
      },
    },
  },
});

我的文件夹结构如下所示：

src
---store
------index.ts
---plugins
------vuetify.ts

提前致谢！

Answer 1

我想你想做的是将暗模式绑定到存储值。您最初传入的设置只是初始化值。所以你需要这样做：

<v-app :dark="darkMode">

然后计算属性从商店中获取暗模式

computed: {
    darkMode() {
      return store.index.darkMode
    }
  }

darkMode 然后应该是反应式的，并更新绑定到它的 v-app 中的暗值。没有测试过，但希望能让你朝着正确的方向前进

Answer 2

傻我。这只是导入商店对象的问题：

import store from "../store/index";

有没有办法将变量从状态带入随机打字稿文件？

Is there any way of bringing variables from state into a random typescript file?

state

store

typescript

vue.js

vuex