VueJsで動的に属性を追加する方法

質問

vuejsを使用していますが、入力の制御（必要に応じてdisabled属性を追加する）を行う方法を知りたいと思っています。vuejsで動的に属性を追加する方法はありますか？以下は私の テキストフィールドコンポーネント :

    <template>
     <input type="text" placeholder="{{ placeholder }}" v-model="value">
    </template>
    <script>
    export default  {
      props: {
       disabled: {type: Boolean, default: false},
       placeholder: {type: String, default: ""},
       value: {twoWay: true, default: ""}
      }
     }
    </script>

使用方法 :

<textfield placeholder="Name" value.sync="el.name" :disabled="true"></textfield>

どのように解決するのですか？

変数にバインドするには v-bind:disabled="foo" または :disabled="foo" を略して

<textfield label="Name" value.sync="el.name" :disabled="myVar">

そうすると、Vueでは単に this.myVar = true とすれば、入力を無効にすることができます。

編集：これをテンプレートに追加してください。

<template>
  <input type="text" :disabled="disabled" :placeholder="placeholder" v-model="value">
</template>