错误‘Vue.js’已定义，但从未使用过计数

Question

我得到了这个错误，我不知道如何解决它…它说我的"count“是定义的，但从来没有使用过。我在我的模板中使用了它，但它感觉不到它。

<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/component/voteSnippets.vue Module Error (来自./node_modules/eslint-loader/index.js)：

C：\Users\x\snippets\code-snippets\src\components\voteSnippets.vue 17:9错误‘计数：’已定义但从未使用过no-unused labels

可以使用--fix选项修复✖1问题(1个错误，0个警告)1个错误和0个警告。

Answer 1

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

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