Vuejs 选择动态（多个）元素

【问题标题】：Vuejs select dynamic (multiple) elementsVuejs 选择动态（多个）元素
【发布时间】：2015-10-30 19:48:32
【问题描述】：

我正在将 VueJS 与 PHP 应用程序一起使用。我有多个帖子，每个帖子都有 cmets。他们每个人都有一个班级answer_comment。我正在尝试让 VueJS 为所有这些工作（它目前只适用于一个）。

new Vue({ el: '.answer_comment', /* other code */ })

这只影响第一个。我怎样才能使它适用于所有人？如何选择 answer_comment 类的所有元素，而不是只获取第一个？

【问题讨论】：

【解决方案1】：

更新：由于给出了这个答案，Vue 现在不允许在 body 标签上挂载虚拟机。所以，在它下面使用一些元素。

使用new Vue 方法实际上只是设置一个具有自己层次结构的视图模型。它最终只会匹配第一个与您的 CSS 选择器匹配的 DOM 元素。

在这种情况下，我建议将您的 new Vue 移动到 body 标记并为其声明一个“answer_comment”组件，然后 Vue 在“编译”它时将在整个 body 中应用。

有关详细信息，请参阅组件文档：

【讨论】：