sebastienbtr / vue-dashboard Goto Github PK

<template>
 <div>
  <h1 class="title">My patients charchteristics</h1>
  <button v-on:click="hello">Click</button>
 </div>
</template>

<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component';

@Component({})
export default class Home extends Vue {
  // Declared as component method
   hello() {
    console.log('Hello World!');
  }
}
</script>

./src/views/Home.vue
Module Error (from ./node_modules/eslint-loader/index.js):

/Users/X/Documents/vue-super-dash-example/vue2-example/src/views/Home.vue
 15:8  error  Expected 'this' to be used by class method 'hello'  class-methods-use-this

✖ 1 problem (1 error, 0 warnings)

// See Hooks section for details about `data` hook inside class.
  data() {
     return {
      // `hello` will be reactive as it is declared via `data` hook.
      hello: undefined
    }
  }