Pokrenuti kao Vue 1

Computed Vue

by Megi93

HTML

<div id="app">
    <button v-on:click="increment">Increment</button>
    <p>Counter: {{ counter }}</p>
    <p>Clicks: {{ clicks }}</p>
</div>

JavaScript

new Vue({
    el: '#app',
    data: {
        counter: 0,
        clicks: 0
    },
    methods: {
        increment() {
            this.clicks++;
        }
    },
    computed: {
        counter() {
            return this.clicks * 2;
        }
    }
});