在mount方法中迭代vue js属性

Question

我想知道是否有可能获得“vuejs”数组的值。事实上，在挂载的方法中，我想访问一个属性的对象，以便获取我的项目图像的网址（我正在制作一种电子商务网站），因为[... this.articles ]（在我的情况下）返回undefined但是当我执行console.log（this.articles）时，我可以看到[ob：we]。

My code What I would like to have access to

Answer 1

你在调试器中看到的是正确的。 Vue使用适配器修改您的对象以使其具有反应性。使用没有任何._obj后缀等的对象。它仍然可以正常工作。

使用Vue Dev Tools查看值。或者使用控制台中的“+”打开项目以查看值。

如果您将数据异步，则可能尚未准备好。如果是这种情况，请使用watcher而不是mounted()。

在调试时，要在代码中查看原始数组，请将以下任何内容放入模板中：

<div>{{articles}}</div>

要将项目视为连接字符串：

<div>{{articles.join(',')}}</div>

列出每篇文章：

<div v-for='article of articles'>
{{article}}
</div>