如何替换 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请求。

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

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