如何替换 Vue js 数组上的外部 javascript 数组？

Question

我还是 Vue.js 的初学者，但我遇到了问题。我有这个代码：

data: function(){
        return {
        search: '',
        zenes: [
          { id: '1', name: 'Jhon Snow', profile_pic: 'https://i.stack.imgur.com/CE5lz.png'},
          { id: '2', name: 'Deanerys Targarian', profile_pic: 'https://i.stack.imgur.com/CE5lz.png'},
          { id: '3', name: 'Jaime Lanister', profile_pic: 'https://i.stack.imgur.com/CE5lz.png'},
          { id: '4', name: 'Tyron Lanister', profile_pic: 'https://i.stack.imgur.com/CE5lz.png'}
        ]};
},

这段代码非常好，但我想在我的应用程序中使用，所以我想将 zenes:[....] 更改为外部 javascript 代码：

<script>var zenecim = <%- zenecim %></script>//these are big arrays thousands  of items
<script>var zenesrc = <%- zenesrc %></script>

我希望看到这样或那样的东西：

zenes:[id:(this is the indexof the array),name:zenecim,src:zenesrc]

非常感谢您的回答。

Answer 1

如果您想接收外部数据，您的选择非常有限，要么在组件上使用 prop，要么可以使用带有 Axios 之类的 AJAX 请求。

当然，您可以设置窗口全局变量并访问它们，但这是您真正不想做的事情。

这里缺少您的问题的上下文，因此我无法判断这里的最佳选择。