当数据来自 vuex 或 localstorage 时，为什么动态路由在 Nuxt js 中不能按预期工作？

Question

我希望将用户输入的每个问题都转换为一个 link，该 link 指向一个页面，专门讨论和评论这个问题。因此，我有一个文本区域，它接受用户输入（一个问题），然后将其保存到包含以前硬编码数据的本地存储中。硬编码数据正确呈现为动态页面的有效 links。但是来自用户输入的那些不起作用。我在这里检查了很多问题我没有找到这个问题的正确答案。我希望用户的输入作为 link 工作。它们都存储在一起，我将它们循环在一起，所以我希望它们都能正常工作 links。但是来自用户的那些没有按预期工作：

<table v-for="q in questions">
  <td>
    <tr class="border-dotted border-2 border-light-blue-200">
       <nuxt-link :to="`/questions/${q.id}`"> {{ q.question }}</nuxt-link>   
    </tr>
  </td>
</table>

计算属性从 vuex 读取：

computed: {
  questions() {
    return this.$store.state.all;
  } 
}

有什么帮助吗？

Console TypeError of undefined

Answer 1

如评论中所述，如果您想要类似 Whosebug 的东西，包含各种创建的页面和问题 + 答案，您将需要持久化数据。
Vue 只是客户端，因此，如果您有一个创建的问题，它将保留在您自己的机器上（其他人不会看到它）。

是的，这里需要一个带有数据库的后端。

如果它是一个小项目，您甚至可以使用像 Firebase 这样的在线服务来拥有一个类似于 mongo 的快速简单的数据库。或任何其他 cheap/free 服务。如果您想更认真一点，则需要制作自己的后端。 :)

当数据来自 vuex 或 localstorage 时，为什么动态路由在 Nuxt js 中不能按预期工作？

Why dynamic routing is not working as expected in Nuxt js when data coming from vuex or localstorage?

routes

local-storage

vue.js

vuex

nuxt.js