Javascript 我的Vue Js应用程序会在每次文档更改时刷新

Javascript 我的Vue Js应用程序会在每次文档更改时刷新,javascript,html,firebase,vue.js,google-cloud-firestore,Javascript,Html,Firebase,Vue.js,Google Cloud Firestore,我正在使用Vue Js和Firebase构建一个投票web应用程序,该应用程序包含单元,每个单元都有一个“向上投票”和“向下投票”按钮。 我的问题是,每当单击一个按钮时,整个单位列表都会刷新,而不是只按其应该的方式更改票数。我的Vue js代码是否遗漏了什么 Html代码: {{request.songN} {{request.upvoces} {{{request.downlows} 我是vue新手,但我猜vue会刷新整个应用程序,因为它是用单个组件编写的。每当数据对象的属性发生更改时,整

我正在使用Vue Js和Firebase构建一个投票web应用程序,该应用程序包含单元,每个单元都有一个“向上投票”和“向下投票”按钮。 我的问题是,每当单击一个按钮时,整个单位列表都会刷新,而不是只按其应该的方式更改票数。我的Vue js代码是否遗漏了什么

Html代码:


{{request.songN}

{{request.upvoces}

{{{request.downlows}


我是vue新手,但我猜vue会刷新整个应用程序,因为它是用单个组件编写的。每当数据对象的属性发生更改时,整个应用程序都会重新启动,因为组件本身会重新启动。你有没有考虑过把每个单元分成一个通用组件?@OlivierCadoz,你能解释一下吗?我也是Vue jsI的新手,我会试试!您的vue实例由数据对象和模板组成,因此每当您对单个单元vue进行向上投票或向下投票时,都会重新启动整个模板,因为它是一个块。但我只是说关键属性缺失了。Vue需要它来优化列表渲染。尝试添加v-bind:key=“request.id”或:key=“request.id”并告诉我是否有任何更改!我建议阅读本文以了解更多关于列表呈现的知识:键属性绑定必须与v-for指令写在同一个div上。它有助于Vue针对更改所涉及的特定项。不幸的是,它仍然是一样的,我还尝试将v-if更改为:class,这样我就可以在不从dom中删除元素的情况下切换类,但没有解决问题