Vue - template syntax

Question

<!--Double mustaches interprets data as plain text, not a full HTML. -->
<p>Using mustaches: {{ rawHtml }}</p>

<!--To output HTML, please use v-html directive:-->
<p>Using v-html directive: <span v-html="rawHtml"></span></p>

 

Answer 1

<!--HTML Attributes-->

Mustaches cant be used in attributes. Instead, use a v-bind directive:
<div v-bind:id="dynamicElement"></div>

 

Answer 2

<!--For boolean attributes, use v-bind directive, but it'll work slight different-->
<button v-bind:disabled="isDisabled">Click me</button>

<!--If isDisabled has null, undefined, or false value, the disabled attribute will not be assigned to <button> element.-->