Код IT
← Каталог

Первая программа на Vue.js — Options API — устаревший стиль

Фрагмент из «Первая программа на Vue.js»: Options API — устаревший стиль.

vue javascriptencyclopedia3-ecosystem-2-frontend-frameworks-2-vue-282 embed URL статья в энциклопедии
Vue main.vue 
<script>
export default {
  data() {
    return { count: 0, name: '' }
  },
  methods: {
    increment() { this.count++ },
    decrement() { this.count-- },
    reset() { this.count = 0 },
  },
}
</script>

<template>
  <h2>Счётчик: {{ count }}</h2>
  <input v-model="name" />
  <button type="button" @click="increment">+</button>
</template>
<script>
export default {
  data() {
    return { count: 0, name: '' }
  },
  methods: {
    increment() { this.count++ },
    decrement() { this.count-- },
    reset() { this.count = 0 },
  },
}
</script>

<template>
  <h2>Счётчик: {{ count }}</h2>
  <input v-model="name" />
  <button type="button" @click="increment">+</button>
</template>