Jedi Cat Vue.js

# Methods

São funções

Para usar ela é desta maneira:

<template>
  <div>
    <a @click="sum"></a>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      a: 10,
      b: 30,
      c: 0
    }
  },
  methods: {
    sum () {
      this.c = this.a + this.b
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

ou usando o this.nomeMetodo:

<template>
  <div>
    <a @click="calc"></a>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      a: 10,
      b: 30,
      c: 0
    }
  },
  methods: {
    sum () {
      this.c = this.calc(this.a, this.b)
    },
    calc () {
      this.sum()
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

← Filters →