错误"计数"被定义，但从未使用 Vue.js

Question

我收到这个错误，我不知道如何解决它…它说我的"计数"已经定义，但从未使用过。我在我的模板中使用它，但它感觉不到。

<template>
<div class="root">
<button v-on:click="count += 1">Thumbs up</button>
<button v-on:click="count -= 1">Thumbs down</button>
<div class="countResult">
{{count}}
</div>
</div>
</template>
<script>
export default {
data: () => {
count: 0
}
} 

这是我的全部错误：/src/components/voteSnippets.vue模块错误(来自./node_modules/eslin-loader/index.js(：

C： \Users\x\x\sippets\code snippet\src\components\voteSnippets.vue17:9错误"count："已定义，但从未使用过没有未使用的标签

✖1个问题(1个错误，0个警告(1个错误和0个警告可能通过--fix选项修复。

Answer 1

您必须从data函数返回一个包含所有变量的对象。正确的代码是

export default {
data: () => {
return {
count: 0
}
}
}