How to add disable value to button in vue.js?

Question

Vue.js

I found an example https://jsfiddle.net/asemahle/eo8kd2wd/
But I would like to know how to do this by the condition that the textarea is empty?

Answer 1

<template>
    <div>
        <textarea v-model="comment"></textarea>
        <button :disabled="!comment">send</button>
    </div>
</template>

<script>
    export default {
        name: 'my-component',
        data() {
            return {
                comment: ''
            }
        }
    }
</script>