vue.js - 在 vuejs 中不使用导入使 JSON 从页面可见

Question

我正在尝试在 Vuejs 中制作一个简单的网页。

我有一个 Main.vue 页面，里面有一个 json 文件的导入，这个 json 文件包含了某些参数。其中之一是对象数组，它的每个元素都有一个字符串，指示要按顺序显示的下一个页面。该页面还从该对象获取数据。因此，Main.vue 可以访问 json 文件文件的每个字段和对象，并根据存储在该对象数组中的信息按顺序显示页面（page1、page2、page3...）。

这些页面（page1、page2、page3...）需要是通用的，不引用特定的 json 文件，并且需要显示来自 json 数组的特定对象的信息。

我知道如何通过 URL 将数据传递到页面（例如，“page1”知道数组的哪个元素必须从其中获取信息，因为 Main.vue 在 URL 中指定了它）但我不知道我该怎么做MyJson 可以访问“page1”、“page2”，而无需在每个页面中都输入 MyJson 的语句。

我没有后端或类似的东西，只是一个完全在浏览器中执行的前端。

我想知道是否有任何方法可以在没有后端的情况下从 page1、page2、page3... 访问 MyJson。

提前谢谢了

问候

米格尔

我已经通过 URL 传递信息来尝试它，但它没有按预期工作。

PS：这是我的 json

MyJson.json
{
    "id"="whatever"
    "text"="whatever"
    "myArray"=[
        {
            "whichPageHasToRenderMe"="page1"
            "myData"= ...
            ...
        },
        {
            "whichPageHasToRenderMe"="page2"
            "myData"= ...
            ...
        },
        {
            "whichPageHasToRenderMe"="page1"
            "myData"= ...
            ...
        },
        {
            "whichPageHasToRenderMe"="page1"
            "myData"= ...
            ...
        }   
    ]
}

标签： vue.jswebpack

Answer 1

我已经通过使用 Vuex 并将 JSON 设置为 Vuex 的状态来解决它，因此可以从其他页面访问它。