Javascript 无法从api控制器js文件获取数据，无法使用Vue.js应用程序在sails js中查看ejs文件

我正在使用Vue.js应用程序开发Sails（最新版本1.x），在我的

names.page.js

中，我有

<pre>{{names}}</pre>

数据：{names:[]，/…}

beforeMount: function() { 
// Attach any initial data from the server.
 _.extend(this, SAILS_LOCALS);
 this.names = [{id: 1, name: 'abc'}, {id:2, name: 'xyz'}]
 },

我可以成功地进入

names.ejs

并显示对象的名称数组

---

但是在my names.ejs中，当我给出

{{names}

时，我得到的输出是空数组

[]

，实际名称数据（对象数组）不会显示。有谁能帮我指出哪里出了问题。

view-names.js似乎是一个动作，因此它不会直接将数据发送到ejs模板

您必须使用names.page.js，它是names.ejs视图的页面实例

您可以在操作中使用sampleNames，然后将结果发送到names.page.ejs变量，该变量可以从view names.ejs中访问

当然

首先构建变量并将其发送到页面实例

view-names.js：

names=[{id:1，名称：'abc'}，{id:2，名称：'xyz'}]
返回{
我的名字：名字
}

names.page.js（页面实例） 您在数据中设置了变量

数据：{
我的名字：{}
}

名称从action view-names.js中填充

现在您可以在视图中使用它，例如在v-for循环中

{{name}}

您能提供一些示例代码吗？根据我得到的参考资料，我做了问题中提出的更改，但这些更改不起作用。更正了拼写错误的mynames，而不是页面实例数据中的名称。我认为在.ejs文件中应该是mynames，而不是names是的，确实如此，这就是我昨天更正答案的原因；由于打字速度原因，拼写错误：-(

 fn: async function () {
    var sampleNames = [{id: 1, name: ‘abc’}, {id:2, name: ‘xyz’}]
    // Respond with view.
    return {
    names : sampleNames
    }

    }