title: vue v-if="isEditable" @click.prevent
body: <p>I have </p>
  
  <pre><code>Vue.component ('test', {
  template: '&lt;div 
      '@click="imageHelperClick($event)"  ' +
      '@mouseout="mouseoutHelper" ' +
      'class="el-hover image-hover" :data-div-id="helper.htmlId"&gt;' +
      '&lt;transition name="fade"&gt;&lt;span v-if="helper.mouseover"&gt;Press to load image&lt;/span&gt;&lt;/transition&gt;' +
      '&lt;size-check-input ref="fileInput" type="file" data-upload-check @change="imageSelected($event)" accept=".eps,image/x-png,image/jpeg"/&gt;' +
      '&lt;/div&gt;',
  methods:{...},
  </code></pre>
  
  <p>And I want to make that div clickable if <code>helper.isEditable==true</code> else notClickable, touchable, etc.</p>
  
  <p>Complexity in that, I'd get that parameter only when document.ready and server send me information about field <code>isEditable</code>.</p>
  
  <p>So, my question is:</p>
  
  <p>Can I make </p>
  
  <pre><code>computed:{
  isEditable: function(){
  return helper.isEditable;
  }
  }
  </code></pre>
  
  <p>and then do something like</p>
  
  <pre><code>v-if = "isEditable" @click.prevent @mouseOver.prevent 
  v-else @click="imageHelperClick($event)" @mouseout="mouseoutHelper" 
  </code></pre>
  
  <p>etc?</p>