小编ros*_*net的帖子

我正在尝试在 Quasar 项目中实现 Vuex 商店。我使用 quasar-cli 创建了一个新项目并选中了 Vuex 框。然后，我按照 quasar 网站上的指南（https://quasar.dev/quasar-cli/cli-documentation/vuex-store）创建了一个新商店，quasar new store test 然后在 store/index.js 中注册了商店模块

export default function(/* { ssrContext } */) {
  const Store = new Vuex.Store({
    modules: {
      test
      // example
    },

之后，我添加了突变和状态代码，完全按照教程中引用的那样。然后我创建了一个新组件（测试）并添加了所解释的代码。

但是，我无法使用this.$store，并且从 IDE 收到一条警告，提示 $store 未定义。我已阅读 Vuex 文档，其中写道，可以通过将状态添加到 main.js 中的对象来将状态传递给所有组件。据我所知，类星体已经做到了这一点。

那么，我做错了什么以及如何使用商店而不需要为每个组件手动导入它？

概述

我正在 Quasar/Vue.js 和 Firebase 中构建一个需要对用户进行身份验证的 Web 应用程序。

我想要实现的目标

一个非常常见的功能 - 即使用户关闭浏览器/选项卡后仍保持登录状态。

可能的解决方案

我知道我可以使用localStorage或cookie来设置用户身份验证状态。但是，我想允许 Firebase 身份验证为我执行此操作（如果它可以执行此操作）。

我检查了这方面的文档 - https://firebase.google.com/docs/auth/web/auth-state-persistence ，它们很好，但我不知道将其中提到的这段代码放在哪里：

firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)
  .then(function() {
    // New sign-in will be persisted with session persistence.
    return firebase.auth().signInWithEmailAndPassword(email, password);
  })
  .catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
  });

我不确定将其放置在以下位置的何处：

• 与onAuthStatechanged听众？
• 在 App.vue（根 Vue）实例中？
• 别的地方？

如果有人能提供帮助，我会很高兴。谢谢。

我有一个段落和一个图像并排。display:flex我为此使用了财产。但在小型设备中，我不想要这个属性。谁能告诉我如何删除该属性？

样式.css

p, img {
  display: flex;
}
    
img {
  float: left;
  width: 45%;
  padding: 0;
  margin: 0;
}
    
p {
  float: right;
  text-align: justify;
  width: 50%;
  padding: 0;
  margin: 0;
  font-size: 20px;
}