Vue TypeScript call function on init / created / mounted

Question

I'm just starting a Vue TypeScript project 3 hour ago,

Just finishing setting rules eslint and tslint and make the "formatter" does the "rules" want and I'm happy about it,

And now I just want to know how to use created / mounted that will call function when the app / page refresh, because I read the documenttation and try it with no luck.

<template>
  <v-app>
    <v-main>
      <p>{{ name }}</p>
    </v-main>
  </v-app>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component({
  components: {},
})
export default class App extends Vue {
  name: string = 'hello';
  constructor() {
    super();
    this.test();
  }
  onClick() {
    console.log('clicked');
    this.name = 'Clicked Hello';
  }

  test = (): void => {
    this.name = 'Hello Wrold!';
    console.log('this is test and called');
  };

  mounted = (): void => {
    this.test();
  };

  created = (): void => {
    this.test();
  };
}
</script>

I just want to call a function from the start, I know this is very basic, but yeah it's not working for me and I need help for it.

the code from tutorial and answer is work, I just need to re-open the project and start again. But also I use the different answer because less warning for me.

Kapcash · Accepted Answer · 2021-06-23 18:19:15Z

3

Here, you declared data properties that are functions, not methods or hooks. These should not be anonymous functions because they actually need a binded this.

@Component
export default class App extends Vue {
   test (): void {
      console.log('Hello')
   }

   created () {
     this.test()
   }

   mounted () {
     this.test()
   }
}

edited Jun 23, 2021 at 18:19

answered Jun 23, 2021 at 16:03

Kapcash

6,9902 gold badges22 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue TypeScript call function on init / created / mounted

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related