title: How to add multiple attribute - vue.js
body: <p>This works:</p>
  
  <pre><code>&lt;input v-model="project.name" :readonly="isReadOnly" :disabled="isReadOnly"&gt;
  </code></pre>
  
  <p>Is there a way to make below code work?</p>
  
  <pre><code>&lt;input v-model="project.name" {{ readOnlyAttr }} &gt;
  &lt;input v-model="project.name" {{ isReadOnly : 'readonly disabled' ? ''}}&gt;
  </code></pre>
  
  <p>Script as follows:</p>
  
  <pre><code>&lt;script&gt;
    export default {
      props: {
        isReadOnly: {
          default: ture,
          type: Boolean
        }
      },
      data () {
        return {
          readOnlyAttr: 'readonly disabled'
        }
      }
    }
  &lt;/script&gt;
  </code></pre>